FROM CACHE - en_header

How to optimize homepage and product images with Photoshop

cwalters
Tourist
4 0 2

Hi there! I took a stab at optimizing my homepage images in Photoshop to size them at 2048 on the long edge, and keep them under 300kb, and the resulting quality is terrible on my homepage. In order to achieve <300kb images, I had to pull the quality slider down to 20, if not lower in some cases, so I'm sure that has something to do with it, but just not sure how to strike the balance. I haven't attempted to optimize my product images just yet, wanted to get these more prominent homepage images sorted first, but if there are specific tips for product images as well, happy to hear them. 

Screen Shot 2021-08-20 at 8.53.00 AM.png


My site URL is noseyourbourbon.com and the password is "caytai"  I left the first image on the site as is after attempting to optimize it, so you can see the poor results. 

Any tips are much appreciated! 

Reply 1 (1)
drakedev
Shopify Partner
622 133 184

Shopify already compresses the image when they are served them from their CDN, therefore you don't need to compress them.

Check the documentation here: Compression rates 

I suggest you to save the image with Photoshop at Maximum quality, try to upload it and check if the results is better.

I downloaded the image from your website and the quality detected is around 65 now and size 220KB.

I'd like to see what is after you followed my advice.

If my answer was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.