Updated · how we check
Resize an image to 144×144 pixels
To resize an image to 144×144 px, enter 144 × 144 px and save it as PNG. Shown at 144 CSS px it is sharp on a 1× screen; a 2× screen needs 288×288 px for the same spot. Cropping a 4:3 photo to fill the 1:1 square removes 25%.
144×144 px
PNG · no file-size limit · 144x144 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.
144×144 at a glance
| Pixel size | 144×144 px (20,736 pixels) |
|---|---|
| Aspect ratio | 1:1, square (width ÷ height = 1) |
| Megapixels | 0.0207 MP |
| Decoded in memory | 81 KB RGBA · 60.8 KB RGB |
| Sharp on screen at | 144×144 CSS px at 1×, 72×72 at 2×, 48×48 at 3× density |
| Estimated JPEG (outdoor photo, quality 75) | 5.9 KB |
| JPEG without a KB limit (panel default, quality 85) | 7.8 KB |
| Estimated PNG (flat graphic) | 5.5 KB |
What 144×144 means in pixels
144×144 is a square, 144 pixels on each side, 20,736 pixels in total (0.0207 megapixels). Its sides reduce to 1:1 (1 as a decimal), so any picture cropped to 1:1 scales to it without distortion.
It is thumbnail scale: a 12 MP phone photo carries 588 times more pixels, so the resize discards most of them and the stepped downscale matters for sharpness. On a 2× (high-density) screen this file is sharp at 72 CSS px, on a 3× phone at 48 CSS px; a print at 300 DPI would be only 12.2 mm wide, so it is a screen-only size.
Decoded for editing it occupies 81 KB of memory (4 bytes per pixel); uncompressed 24-bit RGB would be 60.8 KB, which is why the downloadable JPEG, PNG or WebP is far smaller.
Where 144×144 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.
- Listed in the example icon set of a web app manifest.
Getting 144×144 from a phone, camera or screenshot
Filling 144×144 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 144×144. From the phone photo PixelFit takes the 3024×3024 crop through 1512×1512, 756×756, 378×378 and 189×189 before the last step to 144×144, 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.048× (reduced) | 144×108 |
| 24 MP camera photo (6000×4000, 3:2) | 4000×4000 (left and right cut) | 33.3% | 0.036× (reduced) | 144×96 |
| Full HD screenshot (1920×1080, 16:9) | 1080×1080 (left and right cut) | 43.8% | 0.133× (reduced) | 144×81 |
| Vertical phone video frame (1080×1920, 9:16) | 1080×1080 (top and bottom cut) | 43.8% | 0.133× (reduced) | 81×144 |
How many KB is a 144×144 image?
Estimated from encodes of real sample images measured with sharp 0.35.5 / libvips 8.18.7 on 31 October 2026, interpolated to 20,736 pixels. The outdoor photo at 144×144 is about 5.9 KB at quality 75 and a scanned page about 3.7 KB; your file will differ with detail and noise.
| Image type | JPEG q60 | JPEG q75 | JPEG q90 | WebP q75 | PNG |
|---|---|---|---|---|---|
| Portrait photo | ≈ 4.5 KB | ≈ 5.7 KB | ≈ 8.9 KB | ≈ 4.7 KB | ≈ 37.6 KB |
| Outdoor photo | ≈ 4.5 KB | ≈ 5.9 KB | ≈ 9.5 KB | ≈ 5.1 KB | ≈ 41.2 KB |
| Scanned document | ≈ 2.8 KB | ≈ 3.7 KB | ≈ 6.2 KB | ≈ 2.7 KB | ≈ 31.2 KB |
| Flat graphic or logo | ≈ 2.5 KB | ≈ 3.2 KB | ≈ 4.8 KB | ≈ 2.1 KB | ≈ 5.5 KB |
Will a 144×144 photo fit an upload limit?
The highest JPEG or WebP quality that stays under each limit at exactly 144×144 px, from the same measurements. Set the KB limit next to the pixel size and PixelFit runs this search on your own photo.
| Limit | Portrait, JPEG | Outdoor photo, JPEG | Outdoor photo, WebP |
|---|---|---|---|
| Under 10 KB | up to quality 91 | up to quality 90 | up to quality 91 |
| Under 20 KB | fits at quality 95 | fits at quality 95 | fits at quality 95 |
| Under 30 KB | fits at quality 95 | fits at quality 95 | fits at quality 95 |
144×144 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 144 CSS px needs a file of 288×288 there.
| Device pixel ratio | 144×144 is sharp up to | File needed for a 144 CSS px slot |
|---|---|---|
| 1× | 144×144 CSS px | 144×144 px |
| 1.5× | 96×96 CSS px | 216×216 px |
| 2× | 72×72 CSS px | 288×288 px |
| 3× | 48×48 CSS px | 432×432 px |
| 4× | 36×36 CSS px | 576×576 px |
Shrinking a master icon to 144×144
Icons are best drawn large and reduced. PixelFit halves the master while both sides stay at or above 144 px, then makes one last step to 144×144; each pass blends neighbouring pixels, which keeps thin strokes from breaking up.
| Master | Reduction | Passes PixelFit runs |
|---|---|---|
| 1024×1024 | 0.14× (7.1 times smaller) | 3: 512×512 → 256×256 → 144×144 |
| 512×512 | 0.28× (3.6 times smaller) | 2: 256×256 → 144×144 |
| 256×256 | 0.56× (1.8 times smaller) | 1: 144×144 |
Making a 144×144 icon
From a 512×512 master icon the reduction is 0.28×, small enough that the artwork usually survives without redrawing. Save icons as PNG to keep transparency and crisp edges; a flat graphic at 144×144 is about 5.5 KB as PNG, against 5.9 KB for a detailed outdoor photo as JPEG at quality 75.
A 144×144 icon is 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 144×144, so resizing between them is a pure scale with nothing cropped.
| Size | Scale from 144×144 | Megapixels |
|---|---|---|
| 150×150 square | 1.04× | 0.0225 MP |
| 152×152 touch icon | 1.06× | 0.0231 MP |
| 128×128 app icon | 0.89× | 0.0164 MP |
| 167×167 touch icon | 1.16× | 0.0279 MP |
| 180×180 apple-touch-icon | 1.25× | 0.0324 MP |
| 192×192 PWA icon | 1.33× | 0.0369 MP |
| 200×200 minimum share image | 1.39× | 0.04 MP |
| 100×100 square | 0.69× | 0.01 MP |
How to resize a picture to 144×144
-
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 144 as the width and 144 as the height in pixels (the panel is already set to 144×144).
-
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 144×108 file instead; Pad with colour puts that on a full 144×144 canvas.
-
Pick the format and download
Choose PNG for an icon, then download the 144x144 file.
Sources
- Define your app icons, MDN Web Docs, checked 31 October 2026: developer.mozilla.org/en-US/docs/Web/Progressive_web_apps…
- Measured by PixelFit with sharp 0.35.5 / libvips 8.18.7 on 31 October 2026, from the sample photo Hartz Lake at Hartz Mountain.jpg by JustinH (Wikimedia Commons user) (CC0 1.0): commons.wikimedia.org/wiki/File:Hartz_Lake_at_Hartz_Mount…
Frequently asked questions
How do I resize an image to 144x144?
Open the image in the PixelFit panel on this page, set 144 × 144 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.048×.
What aspect ratio is 144x144?
144x144 has an aspect ratio of 1:1: square, width ÷ height = 1. Sizes with the same ratio include 150×150 square, 152×152 touch icon and 128×128 app icon.
Which other icon sizes go with 144x144?
For a 144 CSS px slot, a 2× screen needs 288×288 and a 3× phone 432×432. 144x144 is already above the 48×48 px that Google Search recommends exceeding for favicons.
How big is a 144x144 JPEG file?
For a detailed outdoor photo about 5.9 KB at quality 75 (4.5 KB at 60, 9.5 KB at 90, 7.8 KB at the panel's default quality 85); a head-and-shoulders portrait is about 5.7 KB at quality 75, estimated from measured encodes. A flat graphic is smaller, a noisy low-light photo larger.