1:1 Square Calculator
Square content for avatars and social feeds — trivially simple until someone crops wrong.
1:1 looks trivial — width equals height — but it is the ratio most likely to be silently cropped by a platform. Instagram grid posts, profile pictures, app icons, album art and favicons all expect squares and will center-crop anything else. The solver below guarantees a clean square: type one side and copy the pair.
1920 × 1920
Exact ratio: 1:1 · CSS: aspect-ratio: 1 / 1 · padding-top fallback: 100.00%
Formula
height = width × 1 ÷ 1
width = height × 1 ÷ 1
// padding-top fallback: 100.00% — keeps layout stable before the image loads
aspect-ratio: 1 / 1 — modern replacement for the padding hack
All math runs locally in your browser. No upload. Type either side, the other solves live — and the URL updates so you can share an exact pair (?w=1920&rw=1&rh=1) or bookmark a preset.
Common 1:1 resolutions
| Width | Height | Use |
|---|---|---|
| 320px | 320px | |
| 640px | 640px | |
| 1280px | 1280px | |
| 1920px | 1920px | |
| 2560px | 2560px | |
| 3840px | 3840px | 4K |
| 5120px | 5120px | |
| 7680px | 7680px |
Exact known sizes in this ratio
- 1080×1080 — 1080×1080 Square (Instagram grid, avatars)
- 1920×1920 — 1920×1920 Square HD (Large square master, cover art)
When to use 1:1
- Instagram grid posts (1080×1080)
- Profile/ avatar images everywhere
- App icons & favicons
- Album & podcast cover art
Pitfalls to avoid
- Uploading 1080×1350 to a square slot — platforms center-crop and heads get cut
- Favicons need multiple squares (16, 32, 180, 512) — generate the set, do not stretch one
CSS snippet
Modern:
.frame { aspect-ratio: 1 / 1; width: 100%; overflow: hidden; }
.frame > img { width: 100%; height: 100%; object-fit: cover; }Legacy padding hack (for very old browsers):
.wrap { position: relative; width: 100%; padding-top: 100.00%; }
.wrap > * { position: absolute; inset: 0; }Pair with object-fit: contain to letterbox without cropping, or cover to fill and crop safely.
Platform reference
Frequently asked
What size is an Instagram square post?
1080×1080 is the upload target. Instagram stores it at 640×640 and displays ~510×510 in grid.
What makes 1:1 useful?
It is direction-agnostic: rotates cleanly, tiles perfectly, and every platform that crops to a circle starts from a square.
Do I need multiple square sizes?
Yes for icons — generate 16, 32, 48, 180 (Apple touch), 192 and 512 (PWA) from the same square master.
Tip: add ?w=1920 or ?h=1080 to this URL to prefill the calculator — useful for linking from a spec doc.
Other ratios
- 16:9 Aspect Ratio Calculator
- 4:3 Aspect Ratio Calculator
- 9:16 Vertical Calculator
- 21:9 Ultrawide Calculator
- 3:2 Aspect Ratio Calculator
- 16:10 Aspect Ratio Calculator
- 4:5 Portrait Calculator
- 2:1 Aspect Ratio Calculator
Look up by resolution
- 1920×1080 — 1920×1080 Full HD
- 1280×720 — 1280×720 HD
- 3840×2160 — 3840×2160 4K UHD
- 2560×1440 — 2560×1440 QHD
- 1366×768 — 1366×768 WXGA
- 3440×1440 — 3440×1440 UW-QHD
What aspect ratio is 1920×1080? → · Full FAQ →