A beautiful website helps people notice your brand, but speed is what gets them to click, scroll, and buy.
Many Shopify stores are slow due to heavy, large images.
To help you fix this, here is a simple guide that explains what to change, which tools to use, and how to keep your images fast over time.
Let’s begin with the link between images and performance.
The link between site performance, image, conversion, and SEO
Images and videos usually make up more than seventy percent of what a shopper’s browser loads. When these files are large, everything feels slower. A slow Largest Contentful Paint (LCP), which is the main image that loads on the screen, lowers conversion, hurts rankings, and makes AI tools less likely to pull your content.
This is why image optimization is not optional. It is the fastest way to improve real user performance and to support both SEO and paid traffic.
Industry LCP speed and performance scores
Your goal is simple. Keep the Largest Contentful Paint under 2.5 seconds for most users. This alone removes many performance problems.
The first thing you should do is go to PageSpeed Insights and check your site’s LCP and other performance metrics, as shown in the screenshot below.
How to know which images to optimize?
Most stores do not need to compress every image. Only a few large files are responsible for most of the slowdown. You will find these in the Opportunities and Diagnostics sections of PageSpeed Insights.
Best practices and tools for Shopify image optimization
Once you know which images are the culprits, you can take the folloing steps to optimize them:
1. Compress images
Image compression is the quickest way to fix slow images. It reduces file size without hurting the way the image looks or greatly impacting the image’s quality.
How to do it?
Use an external tool to compress images before you upload them to Shopify. This gives you better control and avoids the need to rely on apps for basic work.
Steps to follow:
• Download the original image
• Compress it using any tool you like
• Upload the smaller version back into Shopify
This alone can cut your LCP by a large amount.
What tools to use?
Some popular image optimization tools are Canva, Photoshop, and TinyPNG.
Shopify image optimization apps are also helpful when your team frequently uploads new images. They handle ongoing maintenance.
2. CDN and theme-level optimization
Shopify’s CDN delivers images from servers that are physically closer to your shopper. This reduces load time and helps keep your LCP stable.
Make sure you host all your images and videos on Shopify instead of external services. When Shopify serves the file, it also gives you automatic WebP and responsive sizing.
How to check your CDN configuration?
Open your Shopify dashboard and navigate to Theme Customization from the Sales Channels section. On the right-hand side, you will see that when you click an image, it indicates whether the Shopify CDN hosts it. If it shows a Shopify CDN link, you are set. If it shows an external link, replace the file with one uploaded inside Shopify.
3. Choose the right image format
When you upload images into Shopify, the platform automatically serves them as WebP to supported browsers. This means you do not need to convert your files manually.
Upload JPG files for photos. Use PNG only when you need transparency. Shopify handles the rest.
If your image is hosted outside Shopify, convert it to WebP before uploading it.
What tools to use?
No tools if you are using Shopify’s CDN. If not, there are a variety of free online tools with upload limits, or paid tools such as WEBP Image Optimizer+Speed SEO, that will automatically convert your store’s images.
4. Resize large images before uploading
Unlike compression, resizing changes the image’s dimensions and thus its size. What you need to do is simple: do not upload an image that is larger than necessary.
Shopify automatically adjusts the size of your images for different screen resolutions. This is referred to as a progressive web image.
When to manually resize images?
Shopify adjusts images for different screens, but it cannot fix oversized source files. If you upload a hero image that is four thousand pixels wide, Shopify will still need to process that large file first.
Use these simple guidelines before uploading:
- Hero or banner images: up to two thousand pixels
- Background images: about two thousand pixels
- Main product image: up to sixteen hundred pixels
- Other supporting images: twelve to sixteen hundred pixels
- Blog images: about twelve hundred pixels
- Thumbnails: about six hundred pixels
- Logos or icons: keep them small
These are guidelines, not strict rules, but staying within them avoids unnecessary delays. Try to resize the images as suggested above whenever possible.
What tools to use?
Considering you will want to adjust the image dimension before uploading to Shopify, the best tool to use is the image editor you are most familiar with (Canva, Figma, Photoshop, etc)
5. Lazy loading and above-the-fold images
Lazy loading, in simple terms, means loading some media files more slowly to prioritize loading others. There is one golden rule for lazy loading to follow:
Only lazy-load content that appears below the first visible section of the page. Your hero image, first product image, and key collection images should load immediately.
Everything else can be lazy-loaded.
The table below gives a clear idea of what to lazy-load and what not to.
| Tabs/accordions / collapsed content | Element | Lazy-load? |
|---|---|---|
| Homepage hero | Main hero image / main banner | No |
| Homepage above-the-fold section | First product image / first featured collection image | No |
| Header | Logo, menu icons, small decorative icons | No |
| Product page – first screen | Main product image (first image in gallery) | No |
| Landing page hero | First large image or background image in hero | No |
| Background video above the fold | Hero background video or poster image | No |
| Product page – gallery below fold | Additional product images (2nd, 3rd, etc. rows) | Yes |
| Long product descriptions | Images inside “More details” / long content | Yes |
| Collection pages | Product thumbnails below the first visible row | Yes |
| Blog posts | Images inside the article body after first screen | Yes |
| Home sections lower down | Lifestyle images, lookbooks, “As seen in” logos | Yes |
| Sliders/carousels not initially visible | Slides outside first visible slide | Yes |
| Tabs / accordions / collapsed content | Images inside hidden tabs / accordions | Yes |
| Footer | Brand logos, payment icons, trust badges | Yes |
6. Use descriptive language in image captions and alt descriptions.
Alt text does not affect performance, but it helps Google and AI tools understand your images. Write alt text the way a shopper would search for the product. Keep it simple and direct.
Good example
Black leather crossbody bag with silver buckle
Bad example
Bag, SKU 4453
How to do it?
Manually, it’s simple: on each image on your Shopify site, adjust the alt text to be SEO-friendly. A simple tip is to name your images as people would search for the products on Google; it helps both users and Google search or AI find your products.
Image optimization is the quiet engine of Shopify performance. Invisible, but powering every fast, smooth, high-converting experience.
Daniel Bello, Head of Engineering at Shero Commerce
Tools to use
Again, most of the tools on the app store screenshot we shared above are SEO-focused.
When is it worth paying for third-party tools?
Start with manual work for large images. Use paid apps only when your team uploads new images often, or you have a large catalog that needs ongoing cleanup.
The table below offers a detailed breakdown of possible scenarios.
| Situation on your Shopify store | What you’re trying to do | Paid third-party? |
|---|---|---|
| Small catalog, focusing on home, key collections, and top product pages | Compress and resize a limited number of images | Not needed – use Canva/Figma + free online compressors. |
| New products added regularly by multiple team members | Keep new images compressed, resized, and SEO-ready | Yes – use an image/SEO app for automation. |
| Modern Online Store 2.0 theme using Shopify CDN and built-in lazy loading | Rely on CDN, responsive images, and WebP from Shopify | Not needed in most cases. |
| Older or heavily customized theme with no lazy loading or next-gen formats | Add lazy loading and better image handling | Either refactor with a dev or use an optimization app. |
| Image-heavy seasonal campaigns and landing pages | Quickly batch-optimize new campaign assets | Depends on volume – manual tools may be enough. |
| Need alt text, file names, and basic on-page image SEO at scale | Automate SEO-friendly image metadata | Yes – an SEO + image app is helpful. |
| One-time cleanup after redesign or migration | Bulk-fix oversized legacy images | Short-term app trial or manual batch tools. |
| Running multiple stores or needing ongoing performance monitoring | Keep an eye on speed and image quality over time | Yes – use paid tooling or ongoing agency support. |
Conclusion
Fast images are one of the easiest ways to improve the real experience your shoppers feel on every visit. When your hero image loads quickly, everything on the page feels smoother. This lifts conversion, lowers bounce rates, and sends the right signals to Google and the AI tools that now shape discovery.
Most performance problems stem from a few common issues. Oversized hero images. Uncompressed product photos. Files hosted outside Shopify. Themes that lazy-load the wrong content. These are simple problems with simple fixes once you know where to look.
Your own store may follow this pattern, or it may have its own mix of issues tied to your theme, catalog size, and past development work. This is why an audit is more accurate than a generic checklist. It shows you what to fix, what to ignore, and which changes will improve your loading speed, SEO, and revenue.
If you want clarity on what your store needs next, book a call with our team. We will walk through your real user data, show you where the slowdowns come from, and give you a clear, direct plan to make your Shopify site faster and more profitable.
