🛍️ Shopify Image Optimization
JPG to WebP for Shopify
Smaller product images mean faster stores, better Core Web Vitals, and higher Google rankings. Convert your JPG product photos to WebP before uploading to Shopify — free, in your browser, no account.
Free forever
No file upload to server
Batch convert entire catalogs
No account needed
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.