🛍️ Shopify Image Optimization
JPG to WebP for Shopify
Smaller product images mean faster stores, better Core Web Vitals, and higher Google Shopping rankings. Shopify recommends WebP for product images — it cuts JPG weight by 25–35% at the same visual quality. Convert your product photos before uploading: free, browser-based, no account needed.
Free forever
No file upload to server
Batch convert entire catalogs
No account needed
Quick answer: Shopify 2.0 themes automatically serve WebP versions of uploaded JPEG and PNG images to supported browsers. For manual control or Shopify 1.0, convert images to WebP before uploading with
Convertlo — free, in-browser, no account.
Convert JPG to WebP — Free & Instant
Drop your Shopify product images. Convert. Download. Upload to Shopify.
Convert JPG to WebP →
Shopify Image Specifications
Before optimizing, make sure your images meet Shopify's requirements. WebP is accepted in all image fields.
| Image Type | Recommended Size | Aspect Ratio | Max Upload |
|---|
| Product images | 2048 × 2048 px | 1:1 (square) | 20 MB |
| Collection banner | 1200 × 400 px | 3:1 | 20 MB |
| Homepage hero | 1600 × 900 px | 16:9 | 20 MB |
| Blog post image | 1200 × 800 px | 3:2 | 20 MB |
| Supported formats | WebP ✓ JPG ✓ PNG ✓ GIF ✓ SVG ✓ |
How to Optimize Product Images for Shopify
1
Prepare your JPGs
Collect your product photos. Resize to 2048 × 2048 px (or your target dimensions) before converting.
2
Convert to WebP
Open Convertlo's JPG to WebP tool. Enable batch mode, drop all your product JPGs, and convert at quality 85.
3
Download
Download each WebP file or grab the ZIP. File names are preserved so your catalog stays organized.
4
Upload to Shopify
In Shopify Admin → Products → [product] → Media, upload your WebP files exactly as you would JPGs.
Batch tip: Enable "Batch convert" in the converter, then drag your entire product folder. All images convert at the same quality setting and download as a ZIP — ready to upload directly to Shopify.
Why WebP Matters for Shopify Core Web Vitals
Google uses Core Web Vitals as a ranking signal. For Shopify stores, product images are almost always the cause of poor LCP (Largest Contentful Paint) scores. The product hero image on a product page is typically the LCP element — it must load in under 2.5 seconds for a green score.
LCP Impact
WebP cuts product image weight 25–35%
A 600 KB product JPG becomes ~390 KB as WebP at the same visual quality. On mobile, that difference can be 0.3–0.8 seconds of load time — enough to flip a red LCP to green.
Shopify CDN
Shopify auto-serves WebP — but upload matters
Shopify's Fastly CDN auto-converts JPG/PNG to WebP for supporting browsers. But uploading WebP natively means the source is already optimized — smaller variants at every breakpoint Shopify generates.
File Naming
Descriptive filenames help image SEO
Rename files before uploading: blue-running-shoes-womens.webp instead of IMG_2843.webp. Google Image Search indexes filenames.
Alt Text
Alt text drives Google Image & Shopping traffic
After uploading, edit each product image's alt text in Shopify (Admin → Products → [image] → Edit alt text). Include the product name, color, and key feature.
Size Limit
Don't upload oversized originals
Shopify accepts up to 20 MB but resizes large images automatically. Upload at 2048 px max — there's no benefit to uploading a 6000 px photo and letting Shopify downscale it.
Transparency
WebP handles transparency like PNG
For products that need transparent backgrounds (clothing, jewelry on white), WebP supports full alpha transparency — just like PNG but ~25% smaller. Use WebP instead of PNG for cutout product shots.
Frequently Asked Questions
Should I upload WebP images to Shopify?
Yes. Shopify accepts WebP in all image fields and serves it via their Fastly CDN. Uploading native WebP means your source files are already optimized — every size variant Shopify generates (thumbnail, medium, large) starts from a smaller original. Smaller originals = faster generation and lower CDN bandwidth.
What image format is best for Shopify?
WebP for all photographs and lifestyle images. PNG only for images requiring true transparency (product cutouts with complex edges). Shopify's CDN handles WebP delivery automatically — just upload WebP and Shopify serves it to all modern browsers (97%+).
What is the recommended Shopify image size?
2048 × 2048 px for product images (square). Collection banners: 1200 × 400 px. Homepage hero: 1600 × 900 px. Maximum upload size is 20 MB, but uploading a 3–4 MB WebP at 2048 px gives Shopify the optimal source to generate all size variants from.
Does Shopify automatically convert images to WebP?
Shopify's CDN serves WebP automatically to supporting browsers from JPG/PNG originals, but only when using Shopify's image URL format parameters. Uploading WebP directly means the source is already WebP — all size variants generated by Shopify will be WebP from the start, which is more efficient.
Why are my Shopify PageSpeed scores low?
Large product images are the most common cause. Google PageSpeed Insights will flag "Serve images in next-gen formats" and "Properly size images." Fix: convert product images to WebP (25–35% smaller) and ensure uploaded images are 2048 px max on the long edge. These two changes alone typically move PageSpeed scores from the 50s–60s into the 80s–90s.
Can I batch convert my entire Shopify product catalog?
Yes. Convertlo's batch mode lets you drop an entire folder of JPGs at once. All images convert at the same quality setting (we recommend 85 for Shopify product images). Download as a ZIP, extract, and upload to Shopify. There's no file count limit.
Key Questions About JPG to WEBP, Answered
Direct answers structured for AI extraction, voice search, and featured snippets.
Will converting my product photos to WebP make them look worse?
At quality 80-85, no — shoppers won't notice any difference on a product page. WebP can't restore detail your JPG export already lost, but it stores the same visual result in a smaller file, which directly helps your store's page speed score and Core Web Vitals.
- Quality 80-85 WebP looks identical to the JPG on product pages at normal zoom
- Keep your original product photos as JPG or PSD masters for future re-edits
- For zoomable product images where customers inspect detail closely, use 85-90
- Re-convert from the original source if you ever need a different quality level
How much smaller will my product images be as WebP?
Typically 25-35% smaller than the equivalent JPG at matched visual quality — this matches Shopify's own guidance. For a store with hundreds of product photos, that adds up to a meaningfully faster storefront, which Shopify's theme speed score and Google Shopping both factor into ranking.
- Expect roughly 25-35% smaller files at the same visual quality
- Faster product pages improve Core Web Vitals scores in Shopify's speed report
- Page speed is one of the signals Google Shopping uses for ranking
- Batch-convert your existing product catalog to update older listings at once
Will Shopify display WebP images correctly?
Yes — Shopify supports WebP for product images on all current themes, and every major browser renders WebP natively. Upload the converted file the same way you'd upload a JPG; Shopify handles the rest, including generating the responsive image sizes it serves to different devices.
- All current Shopify themes display WebP product images without extra setup
- Upload WebP files the same way as JPG — no app or plugin required
- Shopify generates its own responsive image sizes from your uploaded file
- Test on a product page after uploading to confirm it displays as expected
Will transparent product images still work after converting to WebP?
Yes — WebP fully supports alpha transparency, so PNG product images with transparent backgrounds (common for apparel and accessories on white/transparent mockups) keep their transparency when converted. JPG product photos have no transparency to begin with, so converting those to WebP simply keeps them fully opaque.
- WebP supports a full alpha channel, just like PNG
- Transparent PNG product cutouts stay transparent after converting to WebP
- JPG product photos have no transparency, so nothing changes for those
- Check transparent product images against your theme's background after converting