Shopify Favicon Resizer

The favicon is the tiny icon on your store’s browser tab. Upload a 512×512 square PNG and Shopify creates the small 32×32 version itself; this page makes that square. 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 favicon right

The favicon identifies your store in browser tabs and bookmarks. A simple 512×512 PNG scales down cleanly.

🔖

Browser tabs

Shown at 32×32 in tabs and bookmarks.

📐

Upload 512×512

Shopify makes the small version.

🎯

One bold symbol

Only simple shapes read at 32 px.

🎨

Square PNG

Crisp edges and transparency.

💾

About 41 KB–82 KB as JPG

A typical photo at 512×512 saves to roughly 41 KB–82 KB at good quality — well within the upload limit.

✂

You choose the crop

Filling 512×512 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 favicon size at a glance

Size512×512 pixels (0.26 MP)
Aspect ratio1:1 (square)
Upload512×512 PNG
Shown at32×32 in browser tabs
ShapeSquare
TipLogo mark or initial only

Make a Shopify favicon 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 512×512 and the output to PNG. Tick the fit option to keep the symbol with a little padding.
  3. Click Resize, download the file, then upload it in the Shopify theme editor: Theme settings › Logo › Favicon.

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

A tab icon that reads at 32 pixels

Upload big, shown tiny. Shopify scales your favicon down to 32×32 for browser tabs. Uploading a 512×512 square gives it a clean source to scale from.

Simplify the logo. At 32 pixels only one bold symbol or letter is readable. Use your logo mark or first initial, not the full name.

PNG, square. Square PNGs keep crisp edges and transparency. This page saves PNG by default.

Related sizes and tools

Frequently asked questions

What size should a Shopify favicon be?

Upload a square PNG such as 512×512; Shopify generates the 32×32 browser tab icon automatically.

Why is my Shopify favicon blurry?

The design is too detailed for 32 pixels. Use a single bold symbol.

Do I need an .ico file for Shopify?

No, Shopify accepts a PNG and creates the small sizes. For other sites, the PNG to ICO converter makes an .ico file.

Can the favicon have a transparent background?

Yes, PNG keeps transparency.

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.