Updated · how we check
Resize an image to 64×64 pixels
To resize an image to 64×64 px, enter 64 × 64 px and save it as PNG. Shown at 64 CSS px it is sharp on a 1× screen; a 2× screen needs 128×128 px for the same spot. Cropping a 4:3 photo to fill the 1:1 square removes 25%.
64×64 px
PNG · no file-size limit · 64x64 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.
64×64 at a glance
| Pixel size | 64×64 px (4,096 pixels) |
|---|---|
| Aspect ratio | 1:1, square (width ÷ height = 1) |
| Megapixels | 0.0041 MP |
| Decoded in memory | 16 KB RGBA · 12 KB RGB |
| Sharp on screen at | 64×64 CSS px at 1×, 32×32 at 2×, 21×21 at 3× density |
What 64×64 means in pixels
64×64 is a square, 64 pixels on each side, 4,096 pixels in total (0.0041 megapixels). Its sides reduce to 1:1 (1 as a decimal), so any picture cropped to 1:1 scales to it without distortion.
At 64 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 2,977 times as many pixels as this target. On a 2× (high-density) screen this file is sharp at 32 CSS px, on a 3× phone at 21 CSS px; a print at 300 DPI would be only 5.4 mm wide, so it is a screen-only size.
Getting 64×64 from a phone, camera or screenshot
Filling 64×64 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 64×64. From the phone photo PixelFit takes the 3024×3024 crop through 1512×1512, 756×756, 378×378, 189×189 and 94×94 before the last step to 64×64, 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.021× (reduced) | 64×48 |
| 24 MP camera photo (6000×4000, 3:2) | 4000×4000 (left and right cut) | 33.3% | 0.016× (reduced) | 64×43 |
| Full HD screenshot (1920×1080, 16:9) | 1080×1080 (left and right cut) | 43.8% | 0.059× (reduced) | 64×36 |
| Vertical phone video frame (1080×1920, 9:16) | 1080×1080 (top and bottom cut) | 43.8% | 0.059× (reduced) | 36×64 |
64×64 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 64 CSS px needs a file of 128×128 there. Read the other way, this file is the 2× version of a 32×32 slot.
| Device pixel ratio | 64×64 is sharp up to | File needed for a 64 CSS px slot |
|---|---|---|
| 1× | 64×64 CSS px | 64×64 px |
| 1.5× | 42.7×42.7 CSS px | 96×96 px |
| 2× | 32×32 CSS px | 128×128 px |
| 3× | 21.3×21.3 CSS px | 192×192 px |
| 4× | 16×16 CSS px | 256×256 px |
Shrinking a master icon to 64×64
Icons are best drawn large and reduced. PixelFit halves the master while both sides stay at or above 64 px, then makes one last step to 64×64; each pass blends neighbouring pixels, which keeps thin strokes from breaking up.
| Master | Reduction | Passes PixelFit runs |
|---|---|---|
| 1024×1024 | 0.06× (16 times smaller) | 4: 512×512 → 256×256 → 128×128 → 64×64 |
| 512×512 | 0.13× (8 times smaller) | 3: 256×256 → 128×128 → 64×64 |
| 256×256 | 0.25× (4 times smaller) | 2: 128×128 → 64×64 |
Making a 64×64 icon
From a 512×512 master icon the reduction is 0.13×, small enough that the artwork usually survives without redrawing. Save icons as PNG to keep transparency and crisp edges.
A 64×64 icon is 1.3 times the 48 px edge that Google Search recommends exceeding for favicons, so it can double as the high-resolution favicon.
Other 1:1 sizes
These targets share the exact 1:1 ratio of 64×64, so resizing between them is a pure scale with nothing cropped.
| Size | Scale from 64×64 | Megapixels |
|---|---|---|
| 50×50 square | 0.78× | 0.0025 MP |
| 48×48 icon | 0.75× | 0.0023 MP |
| 96×96 icon | 1.5× | 0.0092 MP |
| 100×100 square | 1.56× | 0.01 MP |
| 128×128 app icon | 2× | 0.0164 MP |
| 32×32 favicon | 0.5× | 0.001 MP |
| 144×144 app icon | 2.25× | 0.0207 MP |
| 150×150 square | 2.34× | 0.0225 MP |
How to resize a picture to 64×64
-
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 64 as the width and 64 as the height in pixels (the panel is already set to 64×64).
-
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 64×48 file instead; Pad with colour puts that on a full 64×64 canvas.
-
Pick the format and download
Choose PNG for an icon, then download the 64x64 file.
Frequently asked questions
How do I resize an image to 64x64?
Open the image in the PixelFit panel on this page, set 64 × 64 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.021×.
What aspect ratio is 64x64?
64x64 has an aspect ratio of 1:1: square, width ÷ height = 1. Sizes with the same ratio include 50×50 square, 48×48 icon and 96×96 icon.
Which other icon sizes go with 64x64?
For a 64 CSS px slot, a 2× screen needs 128×128 and a 3× phone 192×192. 64x64 is already above the 48×48 px that Google Search recommends exceeding for favicons.