To optimize product images for Shopify, start with a square original at 2,048 × 2,048 pixels, compress it before you upload, and give it a short, descriptive file name. Then add concise alt text, set a focal point in the Shopify admin, and test how the page loads. Shopify generates multiple sizes and serves the best format for each placement, so your job is to supply a good original and describe it accurately.
This guide walks through each step in order, from choosing the right size to testing the result. It also explains what Shopify handles for you and what you still control.
Why do product images affect your Shopify store's speed and SEO?
Heavy images slow down product pages, and images without clear context are harder for search engines to understand. Google uses alt text together with the page's content and computer vision to understand what an image shows, and it works best when images sit near relevant text. Optimizing images therefore helps in two ways: the page loads faster, and each image supports the product's visibility in search.
Images often make up a large share of a page's total weight, so they are usually the first place to look when a store feels slow. Start there, then review the rest of the page.
What does Shopify optimize for you, and what do you still need to do?
Shopify handles a lot of the technical work. Its image service manages your files and serves the best possible format for each placement, and Shopify generates multiple sizes for responsive display. You do not need to create every version of a product photo yourself.
You still control the parts that depend on judgment and preparation:
The quality and file size of the original you upload
The crop and framing of each image
The file name, which is set before upload
Alt text that describes each image accurately
Focal points that tell themes what to keep in view when they crop
Shopify cannot decide which photo best represents a product, and it cannot describe that photo for a shopper who uses a screen reader. Those tasks stay with you.
What size should product images be?
Shopify recommends 2,048 × 2,048 pixels for square product photos. Use a 1:1 square ratio so images line up cleanly in product grids and collection pages.
Why 2,048 pixels works
A 2,048-pixel square is large enough for zoom and crisp display on high-resolution screens. It also gives your theme room to crop or resize without visible softness. Shopify then produces smaller versions for each device, so the shopper's browser does not download the full original on a phone.
Why you don't need the maximum
Shopify's upload limits are generous, with files up to 20 MB and pixel dimensions well above 2,048. Uploading the largest possible file does not improve the product page for most shoppers. It mainly adds weight to your team's workflow and your file library. Export at the recommended size, and save the full-resolution original separately if you need it for print or future edits.
Which file format should you upload?
Upload JPEG for product photos and PNG when you need a transparent background or sharp graphic edges. Shopify accepts JPEG, PNG, WebP, HEIC, and GIF, but GIF is a poor choice for product photography because it supports fewer colors.
JPEG: The best default for product photos, with a good balance of quality and file size.
PNG: Useful for transparent backgrounds and graphics with hard edges.
WebP and HEIC: Accepted uploads. Shopify's image service handles delivery to each browser.
GIF: Avoid for product photos.
Because Shopify serves the best format for each browser, you do not need to convert every upload manually. Focus on uploading a clean original in JPEG or PNG.
How do you compress product images before upload?
Compress every original before you upload it, then check the result on a live product page. Shopify does not publish a target file size for product photos, so set an internal target for your team and adjust it based on how your pages perform.
A simple workflow for each batch:
Export each photo as a square at 2,048 × 2,048 pixels.
Compress the file with an image tool that lets you compare quality before and after.
Check that details such as texture, stitching, and labels stay readable at full size.
Upload the batch, then open a product page on a phone and on a desktop.
Run Google PageSpeed Insights on one product page before and after the change.
Compression tools vary in quality. Test on a few real products before you process your full catalog.
If you want to automate repetitive image and listing tasks across a larger catalog, compare options in our guide to automation tools for dropshippers.
How do you crop product photos and set focal points?
Crop each photo to a square with the product centered and enough space around the edges. Then set a focal point in the Shopify Files page so themes can crop the image intelligently in wide layouts such as banners and collection tiles.
Keep the whole product inside the frame at the square ratio, especially on the main image.
Set focal points on images used in banners or wide sections, so the key detail stays visible.
Use Shopify's media editor for simple adjustments. For destructive edits, such as a changed background, save the result as a new file so the original stays intact.
When you replace a file, the new version must use the same file format as the original.
Preview the crop on at least one phone-sized screen before you publish. A product that looks centered on desktop can lose its key detail on mobile.
How should you name product image files?
Use short, descriptive file names with hyphens between words. Google says file names give search engines only a light clue about an image, so the goal is accuracy, not keyword density.
For example, rename IMG_4821.jpg to women-green-beret-front.jpg before you upload. Follow these rules:
Keep names to two to five lowercase words separated by hyphens.
Avoid underscores directly before image dimensions, such as product_image_5x4.jpeg. Use product-image-5x4.jpeg instead.
Avoid ending a file name with words Shopify's content delivery network may read as resize requests: pico, icon, thumb, testing, small, compact, medium, large, or grande.
Name the file before you upload it. Renaming a file later changes its URL, so the old link stops working.
How do you write alt text for product images?
Alt text should describe what the image shows. Google uses alt text together with computer vision and the page's content to understand images, so accuracy matters more than keyword volume.
Describe what is visible. Mention the color, material, angle, or key detail that matters to the shopper.
Include the product name only when it is accurate. If the photo shows a model wearing a green beret, the name fits. If it shows a close-up of the stitching, describe the stitching.
Avoid keyword stuffing. A list of unrelated keywords reads as spam to shoppers and can work against you in search.
Use empty alt text for decorative images. Background graphics and visual dividers do not need a description.
Keep it concise. Short descriptions are easier to scan with a screen reader. As a team guideline, aim for about 125 characters or fewer.
Here is an example of the difference:
Poor: "green beret cheap beret sale women hat"
Better: "Woman wearing a green wool beret, viewed from the side"
How do you handle supplier and brand images?
Optimizing a photo does not give you the right to use it. Compressing, cropping, or cleaning up a supplier's image does not change who owns it or what they allow you to do with it. Before you edit or publish a supplier photo, confirm that the owner has given written permission for your use, including commercial sales and any edits you plan to make.
If you are still choosing suppliers, include image rights in your shortlist. Our guide to how to find reliable USA dropshipping suppliers covers how to compare suppliers before you commit.
When you have the right to use an image, or when you want original visuals you create yourself, Doba's AI Image Studio offers tools for background cleanup, upscaling, and generating new product visuals. Trademark, brand, and image-rights rules still apply to anything you edit or generate, so review the rights before you publish. You can find the tools in the AI Tool Hub.
How do you test whether your images are working?
Test speed and layout before and after each change, then track results on real product pages.
Run Google PageSpeed Insights on one product page before you optimize, then run it again after the change.
Check that every meaningful product image has alt text on the product page.
Preview each main image and banner crop on a phone and on a desktop.
Track product page bounce rate and add-to-cart rate for the next 30 days.
Changes that look good in isolation may not help the whole store, so judge results across several products rather than one listing. If you are launching a new store, the beginner's guide to starting a dropshipping business in 2026 covers the wider launch sequence, including sourcing and store setup.
Conclusion
Good product images come from a short, repeatable checklist: export at 2,048 × 2,048 pixels, compress before upload, crop with the product centered, set focal points, name files clearly, write accurate alt text, and test the results. Shopify handles delivery and sizing, and you handle the parts that depend on preparation and judgment.
Apply the same checklist to every new listing so your catalog stays consistent. If you use Doba for sourcing or listing, its AI tools can help with image preparation, but you still review each image before it goes live.
Frequently Asked Questions
Q1:What size should Shopify product images be?
Use a square image at 2,048 × 2,048 pixels. Shopify's upload limits are much higher, but you do not need to upload images at the maximum size.
Q2:Does Shopify compress images automatically?
Yes. Shopify's image service manages your files and serves the best format for each placement. You still control the quality and file size of the original you upload.
Q3:Should I upload JPEG, PNG, or WebP?
Upload JPEG for photos and PNG when you need a transparent background. Shopify also accepts WebP, but JPEG and PNG originals are the simpler default for most product photos.
Q4:Do I need alt text on every product image?
Add alt text to images that show meaningful content. Decorative images can use empty alt text.
Q5:Can I remove a logo from a supplier's photo?
Not without permission. Removing a logo does not create usage rights. Ask the owner for written permission before you edit or publish the image.
Q6:How do I check whether my images are slowing down the store?
Run Google PageSpeed Insights on a product page before and after a change, and review the image-related recommendations it gives you.
