Rules for Image Compresssion?

Rules for Image Compresssion?

ktyounger
Visitor
1 0 0

I'm new to Shopify and struggling with a real beginner issue - my images aren't uploading despite being compressed to just over 1 MB, in most cases. On the other hand, I've been able to upload some images which are 10 MB (too big, I know) so there is no consistency in terms of what can be uploaded.

 

What are the rules for ensuring that photos will upload properly while maintaining proper resolution? Ideally, I'd like to resize all to the same size/resolution, batch compress and then upload images into my files folder so that I can populate my product pages. I've tried Tinypng and Shopify Image Resizer with no luck. 

Kathryn Kelly
Replies 2 (2)

Website_Speedy
Shopify Partner
93 4 10

Hi,

Hey there! It sounds like you're facing some inconsistencies with image uploads on Shopify. Here are some best practices and troubleshooting steps to ensure your images upload correctly while maintaining quality:


Shopify Image Upload Limits & File Requirements

Shopify supports JPEG, PNG, WEBP, GIF, HEIC, and AVIF formats, with a maximum upload size of 19MB per image. However, Shopify automatically compresses images when uploaded, which can sometimes cause quality issues if the original resolution is too low.


Why Some Images Upload & Others Don’t?

  • If a 10MB image uploaded fine but a 1MB image failed, it might be a formatting issue rather than a file size problem.
  • Check if the file name has special characters (e.g., @,#,$,%). Rename files using only letters, numbers, and dashes (e.g., product-image-1.jpg).
  • Make sure the images have RGB color mode, as Shopify doesn't support CMYK (used for print).

Compressing & Uploading Images in Bulk

If you're managing multiple images, try these steps:

  1. Use a bulk resizer like BulkResizePhotos or Photoshop’s "Batch Process" feature.
  2. Compress images using TinyPNG or Squoosh.
  3. Upload to Shopify via Content > Files in your Shopify admin.
  4. When adding images to products, use the same resolution for a uniform storefront look.

 

Alternative: If you do not want to invest much time on optimizing yourself, you can try our speed optimization app called Website Speedy, that comes with 14-days trial. It will do the optimization automatically for you.

You can install it here: https://apps.shopify.com/website-speedy

(Disclaimer: We are the developer of this tool and are happy to answer any questions you may have.)

If this fixed your issue, Likes and Accept as Solution are highly appreciated.
Need help with optimizing the speed and performance of your website? Check out our app on Shopify App Store

LitExtension
Shopify Partner
4901 1004 1177

I found some SHopify image upload rules and recommend, you can refer to it:

  • Max File Size: Shopify officially allows images up to 20MB, but larger files can sometimes cause upload issues.
  • Recommended Dimensions: Shopify suggests images be 2048 x 2048 px for optimal quality while keeping file size manageable.
  • Accepted Formats: Shopify supports JPEG, PNG, GIF, and WebP.
  • Compression Issues: While compression tools like TinyPNG are helpful, over-compression or certain metadata removal can sometimes cause errors.

 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com