Great images make a great website! - Image Optimization made easy.

  • 1
  • Announcement
  • Updated 10 years ago
We have an exciting new feature that was released over the weekend - Image Optimization.

Compelling graphics and images can significantly enhance your site. However, they can cause problems if they are too large. Large images can cause delays in opening, uploading, saving, previewing, publishing and viewing your site. This will be a source of frustration to you, and your site visitors. Large images will cost you traffic to your site. "If your page takes more than 10 seconds to load, your visitors will run away faster than you can say 'back button'."(
Web friendly images should between 20KB and 100KB each, depending on how many you have on a page.

To help resolve this issue, we have introduced this feature. Here is how it works:

When you upload your image to the File Manager, the original image is stored in the File Manager. The optimization of the image only takes place when added to the page using the Picture Widget. You can drag and resize your optimized image on your page. You can view your new resized, optimized image by previewing the page. By optimizing your images this drastically improves the load time of your images on your pages.

If you use the Text Widget to add images to your page, your images will not be optimized. The optimization of images is only done when using the Picture Widget.

If you do not wish your image to be resized, one option would be to size it to the desired dimensions before uploading. However, remember that if the file size is still large, your page will still be slow to load.

If you would like to use the original image you uploaded to the File Manager, you can use the Text Widget to add the image to your page.

Alternatively, if you would like to link to the original images you have already uploaded in the File Manager, follow these steps:

1. Select the image on the page in the site builder.
2. Open the property sheet.
3. Click "Choose a link" button.
4. Click "..." browse button next to "File" option.
5. Select image in file manager.
6. Save/Preview/Publish.

We hope you enjoy the new feature. We will be improving it even further in future, so as always we welcome any feedback you may have.
Photo of Kershnee


  • 2087 Posts
  • 152 Reply Likes
  • excited

Posted 10 years ago

  • 1
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
This is a nice addition to the sitebuilder. Thanks guys for always striving to make an already brilliant product even better. I would like to add to your excellent post if I may Kershnee.

A further way ro reduce your image file size is to remove the metadata first before uploading it to the file manager. I posted something about this a while back.
Photo of Kershnee


  • 2087 Posts
  • 152 Reply Likes
Thanks Boomer :) Thank you for adding a link to your post as well, an excellent addition!
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Just quick update on this feature:

When we released image optimization we were excited because we finally delivered one of our biggest and most important feature requests. However, as is often the way with new features, there were some teething problems.

This is were our user community came in! Your feedback was tremendously valuable in helping us improve this feature even further. Since we released this feature 12 days ago, here is what we have done:

1) Fixed a bug that sometimes caused an unwanted black line around the image when resizing the image in a Picture widget.
2) Improved our image processor so that the optimized images are of a better quality.
3) Introduced an optimization button that allows you to turn image optimization on or off at will. This allows you to go back and easily optimize images already added to your page before the feature was released by turning optimization ON, or turn it OFF for new images that you add if you do not wish to make use of this feature. Note: Optimization is turned OFF by default for old images on your page, and ON by default for new images that you add. Also, the original image file is always stored in your file manager, so if you are not happy with the result you can easily re-add it to your page! This is also a useful feature if you want to link to the original image from your compressed image.

Please Note: The on/off feature is being rolled out gradually to a portion of our users at a time. The reason for this is to make sure our servers are not suddenly choked by a large volume of image optimization requests being sent all at once. We are rolling the feature out as fast as our servers can handle. So if the feature is not available in your account just yet - please be patient, it will be in a few days!

Thanks everyone who gave us feedback and helped us make Yola even better!
Photo of 27ace27


  • 37 Posts
  • 0 Reply Likes
Thanks for allowing me to turn it off! I'd just like to make a suggestion, If it would remain off along with still allowing me to optimize individual images or not, then it would be perfect.
Photo of Emmy


  • 5892 Posts
  • 299 Reply Likes
Yes, that would be a cool feature to have for sure. I will pass this along to our Product team to be considered in future releases.

Photo of B*


  • 23 Posts
  • 0 Reply Likes
I just checked the adjustments in your page builder and now can't find something I found of critical use for positioning my photo boxes. under your olds "properties" there used to be a set of blocks for typing in numbers in order to tweak the positioning of photos so a series of photos in one column, for example, might have a 20 pixel spacing between each photo box. This feature is now gone. Or I can't locate it. If it's moved can you tell me where to find these pixel spacing adjustment boxes?
Photo of Marije


  • 4636 Posts
  • 237 Reply Likes
Hi B* - the feature is still there. You just need to make sure that the picture widget is selected so that the Properties for that particular widget display. If that is what you are doing and it's not working, could you post the URL to the particular page and let us know what browser you are using?