I’m currently using 2048x2048px product photos but they sometimes take a few seconds to load in. Is that size too big or should I do something different?
1 Like
Hi @Jarch2
The Shopify theme automatically resizes your photos to a smaller size based on device screens, so you can use a 2048x size. Sometimes, I guess it takes a few seconds to load due to your internet connection.
As @Dan-From-Ryviu said – theme code by default will almost never load full-size photos.
Generally, recommendation is to load the biggest dimensions photo you have and the theme will use down-sized images automatically.
If theme loads full-size image it means smaller image will look fuzzy/grainy.
Unfortunately, when people complain about images not being razor sharp, it’s a popular recommendation on the forum to load oversized or full-size images – may be this is the case here.
Also – some themes intentionally delay image loading to implement some kind of “reveal” effect. Maybe there is a switch in theme settings to disable this.
1 Like
Hello @Jarch2
Serving full 2048 × 2048 images means every visitor has to download a 1–2 MB file before they even see your product, and that’s what’s slowing you down. Most people only need an 800 × 800 (or at most 1200 × 1200) image on the page.
1 Like
Hi @Jarch2
-
2048x2048 is fine if you’re using zoom, but make sure the file size is optimized (compressed).
-
If zoom isn’t needed, use 1200x1200 or 800x800px.
-
Also, use WebP format and enable lazy loading for faster performance.
1 Like
Thanks for the helpful insights! As I’m working on a site for estate agents in Ilford area, I’ll definitely try lossless compression and check out that plugin — really appreciate it!
1 Like