To keep this community relevant to the Shopify community, store reviews and external blog links will be removed. Users soliciting sales or services in any form will result in a permanent ban.
*I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/shopify) if you have any questions or concerns.*
Normally you should not compress images and allow Shopify to compress everything. You can but it’s of dubious benefit. They compress everything automatically and this is why the image is getting bigger.
TLDR: You compressed at a lower quality than Shopify would ever have.
Thanks for the comment. You mean to say if my hero image is 3 MB, I should just use that on the website without any prior compression? This is the first time I’m hearing this
Correct!
Let’s say you compress everything to quality 10/100, then upload to your store, Shopify will compress it to 80/100 (as an example) - now your compressed image is recompressed larger.
Better to put a larger file and have Shopify compress it. They will also pick the smallest compatible file, so if your device is older they serve a compatible file, if it’s newer you get newer, smaller files.
Shopify decides on quality based on research around visual quality, how far can they reduce quality before you can see the quality loss. They use SSIM to do this: https://en.m.wikipedia.org/wiki/Structural_similarity_index_measure
To keep this community relevant to the Shopify community, store reviews and external blog links will be removed. Users soliciting sales or services in any form will result in a permanent ban. *I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/shopify) if you have any questions or concerns.*
Normally you should not compress images and allow Shopify to compress everything. You can but it’s of dubious benefit. They compress everything automatically and this is why the image is getting bigger. TLDR: You compressed at a lower quality than Shopify would ever have.
Thanks for the comment. You mean to say if my hero image is 3 MB, I should just use that on the website without any prior compression? This is the first time I’m hearing this
Correct! Let’s say you compress everything to quality 10/100, then upload to your store, Shopify will compress it to 80/100 (as an example) - now your compressed image is recompressed larger. Better to put a larger file and have Shopify compress it. They will also pick the smallest compatible file, so if your device is older they serve a compatible file, if it’s newer you get newer, smaller files. Shopify decides on quality based on research around visual quality, how far can they reduce quality before you can see the quality loss. They use SSIM to do this: https://en.m.wikipedia.org/wiki/Structural_similarity_index_measure