Shopify Collection Image Resizer

Collection images represent whole categories on your homepage and collection lists. This page resizes them to 2048×2048 squares so every collection card matches. Everything runs in your browser — nothing is uploaded. Need a smaller file instead? Compress or convert.

or drop images here — or press Ctrl + V to paste
JPG · PNG · WebP · GIF · BMP — no size limit, no sign-up
Width (px)
Height (px)
Unit
DPI
Scale 50%
Aspect ratio
 
:
Width in pixels (optional)
 
Output format
Output quality 90
Position & zoom
Zoom 100%

Drag the preview to choose which part of the image is kept. The same framing is used for every image in the batch.

—
resized
—
new size
Added 0 files
Advertisement

Getting the Shopify collection image right

Collection images introduce each category of your store; matching squares make collection lists look curated.

📁

Category images

One image per collection.

▢

Square cards

Most themes use square collection cards.

🎨

Matching style

Same background and lighting for all.

⚙

Theme-dependent

Some themes add a wide collection banner.

💾

About 660 KB–1.3 MB as JPG

A typical photo at 2048×2048 saves to roughly 660 KB–1.3 MB at good quality — well within the upload limit.

✂

You choose the crop

Filling 2048×2048 from a 3:4 phone photo trims about 25% of it. Drag the preview to choose what stays, or tick the fit option to keep everything.

Shopify collection image size at a glance

Size2048×2048 pixels (4.19 MP)
Aspect ratio1:1 (square)
ShapeSquare (most themes)
Size2048×2048 px
Used inCollection lists, menus, collection pages
FormatJPG or PNG

Make a Shopify collection image in 3 steps

  1. Add your image — drag it onto the box above, or tap to choose it. Several at once is fine.
  2. The size is set to 2048×2048. Drag the preview to centre the products.
  3. Click Resize, download the file, then upload it in Shopify admin: Products › Collections › your collection › Image.

New to image resizing? Read the full resizing guide.

Advertisement
Square sizes
Landscape sizes
Portrait sizes
Change the aspect ratio

Fit an image to a ratio without choosing pixels:

Paper, print & photo sizes
Resize for a platform
Social media sizes
Online shop sizes
Resize tools

Collection cards that match

Where they appear. Collection images are used on collection list sections of the homepage, in some menus and at the top of collection pages, depending on your theme.

One style for all. Use the same background, lighting and framing for every collection image so the list looks curated rather than random.

Check your theme. Most themes show collection cards as squares; some use a wider banner at the top of the collection page. If yours does, also make a wide version with the hero image resizer.

Related sizes and tools

Frequently asked questions

What size should Shopify collection images be?

A 2048×2048 square works with most themes’ collection cards. Some themes also show a wide banner on the collection page.

Is a collection image the same as a product image?

Both are usually square, but a collection image represents a whole category — a group shot or a lifestyle photo works well.

Why is my collection image cropped?

Your theme uses a different shape in that section. Check the theme settings and use a matching size.

Can I use one product photo as the collection image?

Yes, but a group of items or a styled scene shows the range better.

Are my images uploaded?

No. Resizing happens entirely in your browser. Nothing is transmitted or stored, and you can disconnect from the internet after the page loads and it still works.