Understanding Unstack's Image Optimization Settings

When working with images in Unstack, there is an option to apply an Image Optimization Setting to the images being used. The options here can drastically improve the load-times and page-speed of your site on both desktop and mobile.

However, when used with very detailed images, the optimization process can cause the image to become blurry or grainy. If this happens to you, we recommend that you set the images optimization setting to either "Resize Only" or "Do Not Resize/Optimize". (Keep in mind that doing so may slow down the page where the image is used.)

Image_Optimization_Options.png

How to access your optimization settings:

You'll need to select the optimization setting you want to use every time you upload a new image to Unstack. To access this setting, insert any media component and insert a new image.

 

 

Image Setting Descriptions

Do not resize or optimize

Only the original image is used, exactly as uploaded.

Resize/nextgen-optimize Allows you to add a "nextgen" image format (WEBP) as an alternate media source to take advantage of browsers supporting this format.

Resize/optimize

Resizes and applies a compression algorithm (e.g. JPG compression) to reduce the image size.

Resize only

Resizes the image to fit in the width/height needed for where it's being used. This is the default

Articles in this section

Was this article helpful?
0 out of 1 found this helpful
Share

Comments

0 comments

Please sign in to leave a comment.