Images are the heaviest thing on almost every Shopify page and the least optimized asset on almost every Shopify store. Optimizing them means four jobs done consistently: compress files so pages load fast, write descriptive alt text so Google Images, screen readers, and AI engines know what each photo shows, name files like a human instead of a camera, and load below-the-fold images lazily. Do those four across the catalog and you improve Core Web Vitals, unlock image search traffic, meet accessibility requirements, and hand AI assistants clean visual context, all from work most competitors skip.

The catch, as always on Shopify, is scale. The admin edits one image's alt text at a time, uploads keep whatever size and name they arrived with, and a 300-product store easily holds 1,500+ images nobody has ever audited. This guide covers the full discipline: why images matter more than most merchants think, exactly what to do for alt text, compression, formats, file names, and loading, how to do all of it manually, the mistakes that quietly cost traffic, and, at the end, a complete walkthrough of how SEOLab automates the whole image layer, alt tags and compression both, for free.

In this article ⬇️

Why image optimization matters for a Shopify store
The 6 jobs of image optimization, ranked by impact
Alt text: the formula, with real examples
Compression, formats, and what Shopify's CDN already does
File names, dimensions, and lazy loading
How to optimize images manually in Shopify
The 6 image mistakes we find on every store audit
How SEOLab automates image optimization (full walkthrough)
Frequently asked questions

Why Does Image Optimization Matter for a Shopify Store?

Four separate systems read your images, and each one rewards or punishes the same optimization work:

• Page speed and Core Web Vitals. Images typically account for the majority of a product page's total weight, and your hero or featured product image is usually the Largest Contentful Paint element, the Core Web Vital measuring when the biggest thing on screen finishes loading. Oversized images are the number one reason Shopify stores fail LCP, and speed feeds both rankings and conversion: every additional second of load time measurably increases bounce.
• Google Images. Image search is a genuine product discovery channel, especially for visual categories like fashion, home, jewelry, and food, and alt text plus file names are its primary ranking inputs. Stores with empty alt text are invisible in a channel their competitors quietly harvest.
• Accessibility. Screen readers speak alt text aloud to visually impaired shoppers. Missing descriptions make products literally unshoppable for those customers, and accessibility lawsuits against e-commerce sites, typically citing exactly this, have climbed year over year. Alt text is the rare task that is simultaneously an SEO play and a legal safeguard.
• AI search. When ChatGPT, Gemini, or Perplexity describes or recommends a product, it leans on the text signals around and inside your images, alt text included, to understand what it is looking at.  Descriptive alt text is machine-readable product context; blank alt text is a shrug.

One task list, four payoffs. That efficiency is why image work belongs near the top of any Shopify SEO plan rather than the bottom, where it usually sits.

What Are the 6 Jobs of Image Optimization, Ranked by Impact?

The rest of this guide works through these in order of leverage, starting with the two "very high" rows, because a store that only ever fixes compression and alt text has already captured most of the value on this page.

How Do You Write Alt Text That Actually Works?

Alt text has one honest job: describe what the image shows to someone who cannot see it. Write for that person and the SEO follows, because a genuine description naturally contains the product name and attributes searchers type. The working formula:

[Product name] + [what this specific photo shows: color, angle, material, context], in one natural sentence of roughly 8 to 15 words.

The supporting rules: every product image gets unique alt text, because six photos of the same dripper show six different things (front, side, in-hand, packaging, detail, lifestyle), and identical alt text on all six wastes five opportunities. Skip "image of" and "photo of" prefixes; screen readers already announce it is an image. Purely decorative images, spacers, background flourishes, correctly get empty alt text so screen readers skip them, which is the one case where blank is right. And keep the primary keyword to one natural appearance; if the description is honest, it is already there.

Compression, Formats, and What Shopify's CDN Already Does

Give Shopify partial credit here: its CDN automatically serves images in modern formats like WebP or AVIF to browsers that support them, and delivers responsive sizes based on the visitor's screen. That is real optimization you get for free, and it is why "convert everything to WebP by hand" is outdated advice for Shopify specifically.

What the CDN does not do is rescue a bad original. Format conversion applied to a 6 MB, 6000-pixel photo still yields a heavy file, because the CDN optimizes delivery, not the source. The source is your job, and the targets are concrete:

• Product images: 2048 x 2048 pixels, under roughly 200 KB after compression. Big enough for zoom, square for grid consistency.
• Hero and banner images: up to 2560 pixels wide, under roughly 400 to 500 KB, and compressed hardest of all, because the homepage hero is usually the store's LCP element.
• Blog and content images: 1200 to 1600 pixels wide is plenty; under 150 KB.
• Format at upload: JPEG for photography, PNG only when transparency is required (PNG product photos are routinely 3 to 5 times heavier than an equivalent JPEG for no visible gain).

Modern lossy compression at quality 75 to 85 is visually indistinguishable from the original on a product photo while cutting file size dramatically; the 3 MB camera original becoming a 300 KB store image is a routine, not exceptional, result. The workflow question is only where compression happens: before upload with a tool like Squoosh or TinyPNG for each file by hand, or in bulk across the existing library with an app, which the SEOLab section below covers, screenshots included.

File Names, Dimensions, and Lazy Loading

The remaining three jobs are quick to explain and easy to systematize:

• File names. Rename before upload: white-ceramic-pour-over-dripper.jpg beats IMG_4382.jpg as an image search signal, lowercase with hyphens, descriptive, no keyword trains. Shopify does not let you rename a file after upload, so this is a habit to install at the workflow stage, and one more argument for fixing the library in bulk with tooling rather than re-uploading hundreds of files.
• Dimensions. Upload at the sizes above rather than camera-native resolution. Shopify's responsive delivery mitigates oversized uploads for visitors, but processing, storage, and the un-resized originals in some theme contexts all get cheaper when the source is sane.
• Lazy loading. Below-the-fold images should carry loading="lazy" so the browser fetches them only as the visitor scrolls. Current themes like Dawn do this out of the box; older or heavily customized themes often do not. The one exception that matters: never lazy load the LCP element itself, the main above-the-fold hero or product image, because delaying it directly worsens your Core Web Vitals. Fast first paint, patient everything else.

How Do You Optimize Images Manually in Shopify?

The full manual workflow, honest time costs included:

This workflow is correct and complete, and for a 20-product store it is genuinely all you need. The problem it cannot solve is the backlog: nobody hand-edits 1,500 existing images, which is why most stores' image SEO stays broken for years, and why the next section exists.

Which 6 Image Mistakes Show Up on Every Store Audit?

• Camera originals uploaded raw. 4 to 8 MB files straight from the phone or photographer, tanking LCP on every page they touch. The single most common finding.
• Alt text empty across the catalog. The default state of most stores: invisible in image search, inaccessible to screen readers, mute to AI engines.
• One alt text copied to every image of a product. Better than empty, worse than it looks: five duplicate descriptions describe nothing distinct and read as boilerplate.
• Keyword-stuffed alt text. "buy ceramic dripper best price coffee maker sale" helps nobody and risks being treated as spam. Description beats repetition, always.
• PNG used for photographs. Transparency is PNG's only job on a store; photographic PNGs carry 3 to 5x the weight of an equal-quality JPEG.
• Lazy loading the hero. An over-eager theme or app deferring the LCP image, making the store feel slower while technically "optimizing" it. Above the fold loads eagerly, everything else waits.

How Does SEOLab Automate Image Optimization? (Full Walkthrough)

Everything above is the manual discipline; this section is how SEOLab collapses it into a few clicks. The image layer lives in two places inside the app, matching the two halves of the job: Alt Tags (under SEO Tags) handles the description side, and Image Optimization (under Speed Booster) handles the file-size side. Both are free, and both work on the backlog, the existing library the manual workflow can never realistically reach.

Alt Tags: Fix Every Missing Description in One Pass

Inside the Shopify admin, open SEOLab and head to SEO Tags → Alt Tags. The screen inventories every image across three tabs, Products, Collections, and Blogs, showing each image beside its title and current alt text, so the empty entries that would take a week to find manually are simply a visible column. From there:

• Fix all alt text, the one-click bulk action, generates descriptive alt text for every image that is missing it, built from your actual product data (title, type, attributes) rather than generic filler, following the same describe-what-it-shows principle from the alt text section above.
• Per-image editing stays available for the shots where you want hand-tuned wording, your hero products, your bestsellers, so bulk coverage and manual craft are not an either-or.
• Search and Open All controls let you jump to specific products or sweep through the library section by section, which turns the review pass, the discipline this guide keeps insisting on, into an afternoon instead of a week.

The coverage detail worth underlining: collections and blog images are included, not just products. Those are precisely the images every manual cleanup forgets, and they carry the same accessibility obligations and image search value as product shots.

Image Optimization: Compress the Whole Library Without Quality Loss

The file-size half lives under Speed Booster → Image Optimization. This is the compression engine: it reduces image file sizes without compromising visible quality, the 3 MB upload becoming a 300 KB store image, so pages paint faster and LCP improves without any change to how your photography looks. The dashboard keeps score with two running metrics, Images optimized and Average saved %, so the payoff is a number you watch climb rather than a vague promise, and an Upload images to optimize action lets you compress new photography on the way in, fixing the workflow at the source the way Step 1 of the manual process intended, minus the per-file tooling.

Speed Booster's neighboring tabs round out the speed story: Site Speed Up and Theme Files Optimization handle the non-image weight, so the image work lands on a page that is not dragging for other reasons. And because it is all one app, the image layer connects to the rest of the stack this blog series covers: the same install runs your meta tags, JSON-LD schema, broken links, and AI visibility, which means image alt text, page metadata, and structured data stay consistent instead of being three tools' three opinions.

The 15-Minute Image Cleanup, Start to Finish

---

Frequently Asked Questions