Updated · how we check
Resize an image to 400×400 pixels
To resize an image to 400×400 px, enter 400 × 400 px and pick crop to fill so the 1:1 frame is not stretched: a 4:3 phone photo loses 25% of its area (a centred 3024×3024 crop). The result has 0.16 megapixels; as a JPEG, a detailed outdoor photo is about 53.8 KB at the panel's default quality 85 (40.1 KB at quality 75).
400×400 px
JPG · no file-size limit · 400x400 px · white background
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.
400×400 at a glance
| Pixel size | 400×400 px (160,000 pixels) |
|---|---|
| Aspect ratio | 1:1, square (width ÷ height = 1) |
| Megapixels | 0.16 MP |
| Decoded in memory | 625 KB RGBA · 469 KB RGB |
| Sharp on screen at | 400×400 CSS px at 1×, 200×200 at 2×, 133×133 at 3× density |
| Print size at 300 DPI | 1.33×1.33 in (3.4×3.4 cm) |
| Estimated JPEG (outdoor photo, quality 75) | 40.1 KB |
| JPEG without a KB limit (panel default, quality 85) | 53.8 KB |
What 400×400 means in pixels
400×400 is a square, 400 pixels on each side, 160,000 pixels in total (0.16 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 76 times more pixels, so the resize discards most of them and the stepped downscale matters for sharpness. Shown 1:1 it fills 400×400 CSS px on a standard screen and 200×200 CSS px on a 2× (Retina-class) screen; at 72 DPI the same pixels span 5.6×5.6 inches.
Decoded for editing it occupies 625 KB of memory (4 bytes per pixel); uncompressed 24-bit RGB would be 469 KB, which is why the downloadable JPEG, PNG or WebP is far smaller.
Getting 400×400 from a phone, camera or screenshot
Filling 400×400 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 400×400. From the phone photo PixelFit takes the 3024×3024 crop through 1512×1512 and 756×756 before the last step to 400×400, 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.132× (reduced) | 400×300 |
| 24 MP camera photo (6000×4000, 3:2) | 4000×4000 (left and right cut) | 33.3% | 0.1× (reduced) | 400×267 |
| Full HD screenshot (1920×1080, 16:9) | 1080×1080 (left and right cut) | 43.8% | 0.37× (reduced) | 400×225 |
| Vertical phone video frame (1080×1920, 9:16) | 1080×1080 (top and bottom cut) | 43.8% | 0.37× (reduced) | 225×400 |
How many KB is a 400×400 image?
Estimated from encodes of real sample images measured with sharp 0.35.5 / libvips 8.18.7 on 31 October 2026, interpolated to 160,000 pixels. The outdoor photo at 400×400 is about 40.1 KB at quality 75 and a scanned page about 27.3 KB; your file will differ with detail and noise.
| Image type | JPEG q60 | JPEG q75 | JPEG q90 | WebP q75 | PNG |
|---|---|---|---|---|---|
| Portrait photo | ≈ 19.4 KB | ≈ 24.8 KB | ≈ 40.1 KB | ≈ 16 KB | ≈ 232 KB |
| Outdoor photo | ≈ 30 KB | ≈ 40.1 KB | ≈ 65.8 KB | ≈ 35.5 KB | ≈ 310 KB |
| Scanned document | ≈ 20.6 KB | ≈ 27.3 KB | ≈ 45.2 KB | ≈ 20.2 KB | ≈ 226 KB |
| Flat graphic or logo | ≈ 8.6 KB | ≈ 10.8 KB | ≈ 16.3 KB | ≈ 6.7 KB | ≈ 19.3 KB |
Will a 400×400 photo fit an upload limit?
The highest JPEG or WebP quality that stays under each limit at exactly 400×400 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 20 KB | up to quality 60 | up to quality 33 | up to quality 31 |
| Under 30 KB | up to quality 81 | up to quality 58 | up to quality 57 |
| Under 50 KB | up to quality 92 | up to quality 81 | up to quality 84 |
| Under 100 KB | fits at quality 95 | fits at quality 95 | fits at quality 95 |
Is 400×400 good for print?
Pixels carry no physical size until you pick a DPI. At 300 DPI, the resolution PixelFit uses for its print and ID photo sizes, 400×400 covers 1.33×1.33 in; at 150 DPI the same pixels stretch to 2.67×2.67 in with half the density.
| Resolution | Print size (inches) | Print size (cm) |
|---|---|---|
| 72 DPI | 5.56×5.56 in | 14.1×14.1 cm |
| 96 DPI | 4.17×4.17 in | 10.6×10.6 cm |
| 150 DPI | 2.67×2.67 in | 6.8×6.8 cm |
| 200 DPI | 2×2 in | 5.1×5.1 cm |
| 300 DPI | 1.33×1.33 in | 3.4×3.4 cm |
| 600 DPI | 0.67×0.67 in | 1.7×1.7 cm |
How 400×400 shows on common screens
Shown full screen without cropping, 400×400 is scaled by the factor below; bars fill the space where the shapes differ.
| Screen | Scale | Shown at | Bars |
|---|---|---|---|
| Laptop 1366×768 | 1.92× (enlarged) | 768×768 | 598 px left and right in total |
| Full HD 1920×1080 | 2.7× (enlarged) | 1080×1080 | 840 px left and right in total |
| QHD 2560×1440 | 3.6× (enlarged) | 1440×1440 | 1120 px left and right in total |
| 4K UHD 3840×2160 | 5.4× (enlarged) | 2160×2160 | 1680 px left and right in total |
| Phone, portrait 1080×1920 | 2.7× (enlarged) | 1080×1080 | 840 px top and bottom in total |
Other 1:1 sizes
These targets share the exact 1:1 ratio of 400×400, so resizing between them is a pure scale with nothing cropped.
| Size | Scale from 400×400 | Megapixels |
|---|---|---|
| 500×500 square | 1.25× | 0.25 MP |
| 512×512 PWA icon | 1.28× | 0.26 MP |
| 300×300 square | 0.75× | 0.09 MP |
| 600×600 square | 1.5× | 0.36 MP |
| 256×256 icon | 0.64× | 0.0655 MP |
| 250×250 square | 0.63× | 0.0625 MP |
| 700×700 square | 1.75× | 0.49 MP |
| 800×800 square | 2× | 0.64 MP |
How to resize a picture to 400×400
-
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 400 as the width and 400 as the height in pixels (the panel is already set to 400×400).
-
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 400×300 file instead; Pad with colour puts that on a full 400×400 canvas.
-
Pick the format and download
Choose JPG or WebP; without a KB limit PixelFit saves JPG at quality 85, about 53.8 KB for a detailed outdoor photo. Add a KB limit if the upload has one or the file should be smaller, then download the 400x400 file.
Sources
- 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 400x400?
Open the image in the PixelFit panel on this page, set 400 × 400 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.132×.
What aspect ratio is 400x400?
400x400 has an aspect ratio of 1:1: square, width ÷ height = 1. Sizes with the same ratio include 500×500 square, 512×512 PWA icon and 300×300 square.
Is 400x400 good for print?
At 300 DPI 400x400 prints 1.33×1.33 in (3.4×3.4 cm), smaller than a passport photo, so it is a screen size rather than a print size. At 150 DPI it stretches to 2.67×2.67 in.
How big is a 400x400 JPEG file?
For a detailed outdoor photo about 40.1 KB at quality 75 (30 KB at 60, 65.8 KB at 90, 53.8 KB at the panel's default quality 85); a head-and-shoulders portrait is about 24.8 KB at quality 75, estimated from measured encodes. A flat graphic is smaller, a noisy low-light photo larger.
How does 400x400 look on a high-density screen?
On a 2× screen 400x400 is sharp when shown at 200×200 CSS px; shown larger, the browser enlarges it. A slot of 400×400 CSS px on a 2× screen needs an 800×800 file.
Related
Same 1:1 ratio
Nearby sizes
- 30×40 mm photo 3:4
- 400×514 px photo 200:257 (about 7:9)
- 420×525 px photo 4:5