A Shopify image resizer gets your photos to the sizes Shopify and its themes work with before you upload them. Add JPEG, PNG, WebP or GIF files above, pick an image type such as a square product photo (2048 × 2048 px) or a full-width banner (3840 px wide), and download resized JPEG, WebP or PNG files. Everything runs in your browser, so your images aren’t uploaded to ShopOpsy.
How do you use this image resizer?
- Add images. Choose files or drop them on the box, up to 50 at a time.
- Pick a Shopify image type. Each preset sets the size and fit, plus PNG for logos and the favicon. Or choose Custom size.
- Choose a fit. Fit inside keeps the whole image and its shape. Pad to size adds bars in a background color to reach the exact size, so product photos aren’t cropped. Crop to fill trims the edges and keeps the center.
- Choose a format and quality. JPEG suits photos, PNG suits logos and graphics with transparency, and WebP usually makes smaller files than JPEG at similar quality (Google’s WebP overview).
- Check and download. Each image shows its size before and after and any Shopify limit it breaks. Download one, all, or a ZIP file.
What does Shopify do to images automatically?
- It keeps your original. Shopify’s Uploading images guide says images aren’t compressed when you upload them to the admin.
- It makes smaller copies. Shopify creates different sizes of each product image for different areas of your theme.
- It picks modern formats. Browsers that support WebP or AVIF get those formats. Images may be compressed as they’re served, and GIFs are converted to animated WebP.
- It removes color profiles when images are displayed on your store.
- It can’t add detail. The image_url filter can never resize an image beyond its original dimensions.
So converting a JPEG library to WebP won’t speed up your storefront on its own, and shrinking product photos far below the sizes themes request only throws detail away.
When does resizing before upload still help?
- Upload limits. Product and collection images can be up to 5000 × 5000 px or 25 megapixels, and must be smaller than 20 MB. Theme images can’t exceed 20 megapixels or 20 MB (Uploading images), while Content > Files accepts up to 25 megapixels (Uploading files). This tool flags theme images over 20 megapixels to be safe. Camera originals and design exports can break these limits.
- Matching shapes. Shopify notes that product images shown side by side on collection pages display at different sizes unless they share an aspect ratio. Padding every featured image to one square or 4:5 canvas fixes that without cropping the product.
- Exact-size assets. A favicon, a square logo or a 1200 × 630 px social sharing image is easier to get right at its final size.
Which sizes do the presets use?
The presets follow our Shopify image sizes guide, which explains where each number comes from.
| Preset | Size | Fit |
|---|---|---|
| Product, square | 2048 × 2048 px | Pad |
| Product, portrait | 2048 × 2560 px (4:5) | Pad |
| Collection image | 2048 px on the long side | Fit inside |
| Slideshow or banner | 3840 × 2160 px (16:9) | Crop |
| Slim banner | 3840 × 1280 px (3:1) | Crop |
| Horizon mobile hero | 1600 × 2000 px (4:5) | Crop |
| Header logo | 600 px wide | Fit inside |
| Square logo | 512 × 512 px | Pad |
| Favicon | 32 × 32 px | Pad |
| Brand cover image | 1920 × 1080 px | Crop |
| Social sharing and blog images | 1200 × 630 px | Crop |
How do you get the resized images into Shopify?
- Product images: go to Products, open the product, and in the Media section click Upload new or drag the files in (Adding media to products). A product can have up to 250 media items.
- Banners and section images: go to Online Store, click Edit theme, select the section, then in its Image field click Select image > Add images (Uploading images).
- Many files at once: go to Content > Files and click Upload files. On desktop you can select up to 200 files at a time (Uploading files).
- Social sharing image: go to Online Store > Preferences and use Social sharing image and SEO (Choosing a social media image).
What are the limitations?
- File types depend on your browser. HEIC and AVIF open only where your browser can read them. If a file won’t open, export it as JPEG, or upload the HEIC straight to Shopify, which accepts it. Animated GIFs keep only their first frame.
- Centered crops only. Crop to fill keeps the middle of the image. For banners that crop again on phones, set a focal point on the image in Shopify instead.
- Colors are saved in sRGB, the default color space of a browser canvas. Wide-gamut originals can look slightly less saturated.
- Phones have less memory, so very large originals can fail there. Resize them on a computer.
- Images already in your store don’t change. For page speed, work through the Shopify image optimization checklist.
Frequently asked questions
Should I convert my Shopify images to WebP before uploading?
You don’t need to for speed: Shopify already serves WebP or AVIF to browsers that support them (Uploading images). WebP is accepted and usually makes smaller uploads, but Shopify’s product media page names PNG, then JPEG, as the best file types for most product images.
What quality setting should I use?
There’s no single right number, so start at 85% for JPEG or WebP, open the downloaded file at full size and compare it with the original. Our rule of thumb: keep product photos with fine texture, such as fabric, at 85–90%, and try 75–80% for lifestyle and banner images if they still look clean. Avoid very low settings, because Shopify may compress images again when it serves them (Uploading images). PNG is lossless, so it has no quality setting.
Why is my resized image smaller than the size I picked?
Because Don’t enlarge smaller images is on and the original is smaller than the target. The tool keeps the original’s resolution and gives it the target’s shape, so a 1000 × 800 px photo padded for a square product image becomes 1000 × 1000 px. Turning the option off stretches it to the full size, but that adds no detail, and Shopify can’t enlarge an image beyond its original size either (image_url).
Will resizing images make my Shopify store faster?
Not much on its own. Themes request resized copies from Shopify, so shoppers rarely download your full-size original. Page speed depends more on which image loads first, lazy loading and the sizes your theme requests; the Shopify image optimization checklist covers those. Resizing helps most with upload limits, matching shapes and exact-size images such as the favicon.
Are my images uploaded anywhere?
No. The images are opened, resized and saved by your own browser, and the files never leave your device. Closing or reloading the page clears them, so download what you need first.
Sources
- Product media types — Shopify Help Center
- Uploading images — Shopify Help Center
- Adding media to products — Shopify Help Center
- Uploading files — Shopify Help Center
- Choosing a social media image — Shopify Help Center
- Adding a favicon to your store — Shopify Help Center
- Managing your brand assets — Shopify Help Center
- Liquid filters: image_url — Shopify developer documentation
- Images in link shares — Meta for Developers
- HTMLCanvasElement: getContext() — MDN Web Docs
- An image format for the web (WebP) — Google for Developers
Last updated October 26, 2026