Updated · how we check
Resize an image to 32×32 pixels
To resize an image to 32×32 px, enter 32 × 32 px and save it as PNG. Shown at 32 CSS px it is sharp on a 1× screen; a 2× screen needs 64×64 px for the same spot. Cropping a 4:3 photo to fill the 1:1 square removes 25%.
32×32 px
PNG · no file-size limit · 32x32 px
No file-size limit is set: PixelFit saves at high quality and changes only the format and any pixel size you set.
Fit, background and padding crop to fill · white background
Saving presets is part of Pro.
The result appears here: the exact byte count, pixel size and quality, the size before and after, a preview and a download button.
The batch kit (one ZIP for up to 500 photos, several photos merged into one PDF) is part of Pro.
32×32 at a glance
| Pixel size | 32×32 px (1,024 pixels) |
|---|---|
| Aspect ratio | 1:1, square (width ÷ height = 1) |
| Megapixels | 0.001 MP |
| Decoded in memory | 4 KB RGBA · 3 KB RGB |
| Sharp on screen at | 32×32 CSS px at 1×, 16×16 at 2×, 11×11 at 3× density |
What 32×32 means in pixels
32×32 is a square, 32 pixels on each side, 1,024 pixels in total (0.001 megapixels). Its sides reduce to 1:1 (1 as a decimal), so any picture cropped to 1:1 scales to it without distortion.
At 32 px across every single pixel is visible, so start from a sharp original with bold shapes and hard edges; a 12 MP phone frame has 11,907 times as many pixels as this target. On a 2× (high-density) screen this file is sharp at 16 CSS px, on a 3× phone at 11 CSS px; a print at 300 DPI would be only 2.7 mm wide, so it is a screen-only size.
Where 32×32 is used
Each line comes from the page listed under Sources, checked October 2026. Platform sizes change, so check the source before you rely on it.
- Favicon file: Google Search accepts square favicons from 8×8 px but recommends larger than 48×48 px.
Getting 32×32 from a phone, camera or screenshot
Filling 32×32 from a 12 MP phone photo (4032×3024, 4:3) loses the least (25%); a vertical phone video frame (1080×1920, 9:16) loses the most (43.8%). "Fit inside" keeps the whole picture instead and the file comes out at the size in the last column; "Pad with colour" adds bars to reach the full 32×32. From the phone photo PixelFit takes the 3024×3024 crop through 1512×1512, 756×756, 378×378, 189×189, 94×94 and 47×47 before the last step to 32×32, so each pass blends neighbouring pixels instead of skipping them.
| Starting image | Crop to fill keeps | Area lost | Scale | Fit inside gives |
|---|---|---|---|---|
| 12 MP phone photo (4032×3024, 4:3) | 3024×3024 (left and right cut) | 25% | 0.011× (reduced) | 32×24 |
| 24 MP camera photo (6000×4000, 3:2) | 4000×4000 (left and right cut) | 33.3% | 0.008× (reduced) | 32×21 |
| Full HD screenshot (1920×1080, 16:9) | 1080×1080 (left and right cut) | 43.8% | 0.03× (reduced) | 32×18 |
| Vertical phone video frame (1080×1920, 9:16) | 1080×1080 (top and bottom cut) | 43.8% | 0.03× (reduced) | 18×32 |
32×32 on high-density screens
A screen with a device pixel ratio of 2 draws every CSS pixel with 2×2 device pixels, so an icon shown at 32 CSS px needs a file of 64×64 there. Read the other way, this file is the 2× version of a 16×16 slot.
| Device pixel ratio | 32×32 is sharp up to | File needed for a 32 CSS px slot |
|---|---|---|
| 1× | 32×32 CSS px | 32×32 px |
| 1.5× | 21.3×21.3 CSS px | 48×48 px |
| 2× | 16×16 CSS px | 64×64 px |
| 3× | 10.7×10.7 CSS px | 96×96 px |
| 4× | 8×8 CSS px | 128×128 px |
Shrinking a master icon to 32×32
Icons are best drawn large and reduced. PixelFit halves the master while both sides stay at or above 32 px, then makes one last step to 32×32; each pass blends neighbouring pixels, which keeps thin strokes from breaking up.
| Master | Reduction | Passes PixelFit runs |
|---|---|---|
| 1024×1024 | 0.03× (32 times smaller) | 5: 512×512 → 256×256 → 128×128 → 64×64 → 32×32 |
| 512×512 | 0.06× (16 times smaller) | 4: 256×256 → 128×128 → 64×64 → 32×32 |
| 256×256 | 0.13× (8 times smaller) | 3: 128×128 → 64×64 → 32×32 |
Making a 32×32 icon
From a 512×512 master icon the reduction is 0.06×, so simplify the artwork first: fine lines under 2 px vanish. Save icons as PNG to keep transparency and crisp edges.
That makes 32×32 a companion size rather than the only favicon: publish a 96×96 or 192×192 file next to it and list both in your HTML.
Other 1:1 sizes
These targets share the exact 1:1 ratio of 32×32, so resizing between them is a pure scale with nothing cropped.
| Size | Scale from 32×32 | Megapixels |
|---|---|---|
| 48×48 icon | 1.5× | 0.0023 MP |
| 50×50 square | 1.56× | 0.0025 MP |
| 64×64 icon | 2× | 0.0041 MP |
| 16×16 favicon | 0.5× | 0.0003 MP |
| 96×96 icon | 3× | 0.0092 MP |
| 100×100 square | 3.13× | 0.01 MP |
| 128×128 app icon | 4× | 0.0164 MP |
| 144×144 app icon | 4.5× | 0.0207 MP |
How to resize a picture to 32×32
-
Add the picture
Drop, paste or pick the photo in the PixelFit panel at the top of this page; it is decoded in your browser and never uploaded.
-
Set the size
Enter 32 as the width and 32 as the height in pixels (the panel is already set to 32×32).
-
Choose how it fits
Choose crop to fill to keep the 1:1 frame without stretching (a phone photo loses 25%, left and right cut). Fit inside keeps the whole picture as a 32×24 file instead; Pad with colour puts that on a full 32×32 canvas.
-
Pick the format and download
Choose PNG for an icon, then download the 32x32 file.
Sources
- Define a favicon to show in search results, Google Search Central, checked 31 October 2026: developers.google.com/search/docs/appearance/favicon-in-s…
Frequently asked questions
How do I resize an image to 32x32?
Open the image in the PixelFit panel on this page, set 32 × 32 px, choose crop to fill so nothing is stretched and download. From a 12 MP phone photo that crops 25% (left and right cut) and scales the rest by 0.011×.
What aspect ratio is 32x32?
32x32 has an aspect ratio of 1:1: square, width ÷ height = 1. Sizes with the same ratio include 48×48 icon, 50×50 square and 64×64 icon.
Which other icon sizes go with 32x32?
For a 32 CSS px slot, a 2× screen needs 64×64 and a 3× phone 96×96. 32x32 is at or below the 48×48 px that Google Search recommends exceeding for favicons, so add a larger file.