Center-crop one image to a useful product, theme, blog or social-sharing preset in your browser.
Last updated: August 2026
5 Presets
Store Images
Center Crop
Fill Method
JPEG 88
Fixed Output
Private
No Uploads
Upload image for Shopify
Tap to select or drag and drop. JPEG, PNG, WebP, AVIF, HEIC.
Your file never leaves this device.
Drop or select one supported product, banner or content image. It stays on your device.
Pick dimensions for a product image, theme section, blog feature or shared link.
Make sure products, labels, text and calls to action remain in frame.
Add the JPEG to Shopify and preview the real section on desktop and mobile.
The product preset reflects general Shopify guidance; the theme-oriented canvases must be checked against your own section settings.
Square product image
Shopify says this usually displays best for square product images.
Hero / slideshow canvas
Custom 16:9 starting point; theme requirements vary.
Square collection image
Convenient collection-tile preset; theme crops vary.
Blog featured image
Custom 3:2 canvas for article and blog-listing use.
Social share / OG image
Common 1.91:1 canvas for shared-link previews.
Keep product ratios consistent
Featured product images with the same aspect ratio display more consistently in collection grids.
Check your theme first
Hero, collection and blog crops depend on the selected theme and section settings.
Use a high-quality source
Shopify supports large source images and generates different sizes for different storefront contexts.
Choose format by content
Shopify recommends JPEG for photos and banners, while PNG suits flat graphics and transparency.
Let Shopify serve modern formats
The storefront image service can deliver WebP or AVIF when the visitor's browser supports them.
Preview responsive sections
Desktop and mobile layouts can request or crop the same source differently.
Guidance checked against Shopify's current product-media specifications and theme-image documentation.
The source scales until it fills the selected target. A different aspect ratio is cropped equally around the center, with no crop-position control.
Every preset exports JPEG at fixed quality 88. The tool does not preserve transparency or metadata, enforce a file-size target, or reproduce your theme's responsive image behavior.
Calling every preset a Shopify requirement
Only the square product recommendation has direct general Shopify guidance; theme images vary.
Missing the center crop
A mismatched source loses content around opposite edges with no repositioning control.
Using inconsistent product ratios
Mixed aspect ratios can make product and collection grids look uneven.
Expecting PNG or transparency
Every preset downloads as JPEG at fixed quality 88.
Assuming the tool hits a KB target
It reports file size but does not enforce 200KB, 300KB or another limit.
Skipping theme previews
A correct source dimension does not guarantee the same crop in every section or viewport.
Resize for Amazon
Prepare the same product image for an Amazon listing
Resize for Etsy
Create listing, banner and shop-logo images for Etsy
Compress for Website Speed
Reduce storefront image weight for faster page loading
Remove EXIF Data
Remove GPS and camera metadata from product photos
Image Color Picker
Extract product and brand colors from an image
No. Shopify says 2048 by 2048 usually displays best for square product images, but product and collection images can use other dimensions within Shopify's upload limits. Consistent aspect ratios matter when featured images appear together in a grid.
No. It is this tool's useful 16:9 starting point. The correct hero or slideshow dimensions, crop and safe area depend on the active theme, section settings and responsive layout.
Yes, when the source and preset have different aspect ratios. The source scales to fill the target and excess pixels are cropped equally around the center. There is no crop-position control.
Every preset exports JPEG at fixed quality 88. PNG transparency, the original format and embedded metadata are not preserved, and there is no exact-file-size control.
Yes. Shopify's image service and theme CDN can create different dimensions, compress images, and deliver formats such as WebP or AVIF when the customer's browser supports them. Theme implementation still affects the final result.
No. The interface accepts one source and produces one preset result at a time. You can reuse the loaded source for another preset and download each result separately.
The resizer upscales it and shows a warning. The file reaches the requested dimensions, but enlarging cannot recreate missing product detail and may look soft or pixelated.
No. Decoding, resizing, center-cropping and JPEG encoding happen locally in your browser.
Choose one image above, inspect the crop, and download a private browser-generated JPEG.
