Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I uploaded an image to Shopify that has a dimension of 2048 x 2048 with the file size of 37kb, as from what I read, Shopify has responsive images and only loads in the correct dimensions to the user based on the screen dimensions.
However, when I go to my website and download that images onto my desktop, I see that even though it’s smaller in dimension by almost half, it is bigger in file size. Dimension is 1200 x 1200 (decreased) with file size of 50kb (increased). How come it is bigger in file size when it’s smaller in dimension?
Image shows info of the image I uploaded to Shopify vs the info of the image I downloaded from the live website
Is there a need to compress images before uploading it to the Shopify website?
Hello,
I am San from MS Web Designer.
Shopify uses a dynamic system to customize image dimensions according to the screen resolution of the user, allowing them to view responsive images. Through the conversion of image URLs to CDN links, Shopify further adjusts the image size based on the user's network speed. If the network speed is optimal, the CDN will reload the image instantly. Conversely, if the network speed is slow, the image size may be heavier for the user.
Do let me know in case of any concerns.
Regards,
San
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024