In this article
The image is the first thing a shopper evaluates, and often the main reason to buy or leave. But high-resolution images straight from a camera or design software can weigh several megabytes each, making store pages slow, especially on mobile networks.
Why does page speed matter?
Every second of delay increases the chance a visitor leaves, and Google uses Core Web Vitals as ranking signals, including how fast the largest element on the page appears, which is often the main product image.
1. Choose the right dimensions
Don’t upload a 5,000-pixel-wide image that is displayed at 1,000 pixels. Most stores need main images between 1,000 and 2,000 pixels to support zoom, and smaller ones for thumbnails. Check the dimensions your platform recommends.
2. Choose the right format
- JPG: suitable for photos and supported everywhere.
- PNG: for transparent backgrounds, graphics and text, but heavier for photos.
- WebP: a modern format that gives much smaller files at the same quality and is supported by modern browsers.
3. Compress images before uploading
Compressing at 70–85% quality greatly reduces size with a difference the eye rarely notices. You can compress a batch of images at once, resize them and convert them to WebP with our image compressor, which runs in your browser without uploading your images anywhere.
4. Give files descriptive names
A name like IMG_4521.jpg tells search engines nothing. Use descriptive names such as coloring-book-animals-kids.jpg to help your images appear in image search.
5. Write alt text for every image
Alt text describes the image to search engines and to screen readers used by visually impaired people. Write a short, accurate description, such as “cartoon lion coloring page for kids”.
6. Enable lazy loading
Images further down the page don’t need to load right away. Lazy loading delays them until the visitor scrolls near them, so the page appears faster.
Images for digital products
If you sell printable files, show mockups of the product printed and in use, along with shots of inside pages. Compress these images well: customers need to see details, not download huge files, and you can add a light watermark to protect your designs.
Summary
The ideal store image is clear, attractive and light at the same time. Set the right dimensions, choose the right format, compress before uploading and add descriptive file names and alt text. These simple steps improve both customer experience and your store’s ranking.
