Image aspect ratio chart, calculator, and resolution guide
Common image aspect ratios (1:1, 4:5, 3:2, 16:9, 9:16 and more) with pixel sizes, a free ratio calculator, and how resolution, cropping, and upscaling fit in.
Image dimensions tell you the pixel width and height. Aspect ratio describes the shape of that rectangle. Resolution only helps when the file contains enough real detail for the size where people will see it.
Common image aspect ratios chart
The aspect ratio is the width divided by the height, written as two whole numbers. A 1920 × 1080 image and a 1280 × 720 image are both 16:9: the shape is the same, only the pixel count differs. These are the image ratios used most often on the web, in print, and on social platforms.
| Ratio | Shape | Web size (px) | High-resolution size (px) | Common uses |
|---|---|---|---|---|
| 1:1 | Square | 1080 × 1080 | 3000 × 3000 | Profile images, product tiles, social posts |
| 4:5 | Portrait | 1080 × 1350 | 2400 × 3000 | Mobile feeds, posters, people and product shots |
| 2:3 | Portrait | 1000 × 1500 | 2000 × 3000 | Pinterest pins, book covers, 4 × 6 in prints |
| 3:4 | Portrait | 1200 × 1600 | 2250 × 3000 | Tablet screens, portrait photo prints |
| 9:16 | Tall vertical | 1080 × 1920 | 1688 × 3000 | Stories, Reels, TikTok, phone wallpapers |
| 5:4 | Landscape | 1350 × 1080 | 3000 × 2400 | 8 × 10 in prints, framed art |
| 4:3 | Landscape | 1200 × 900 | 3000 × 2250 | Articles, presentations, most phone cameras |
| 3:2 | Landscape | 1500 × 1000 | 3000 × 2000 | DSLR photos, 6 × 4 in prints, blog headers |
| 16:9 | Widescreen | 1920 × 1080 | 3840 × 2160 | Video thumbnails, YouTube, slides, monitors |
| 1.91:1 | Link preview | 1200 × 628 | 2400 × 1256 | Open Graph and LinkedIn link images |
| 21:9 | Ultrawide | 2560 × 1080 | 3440 × 1440 | Website hero banners, cinematic headers |
| 3:1 | Banner | 1500 × 500 | 3000 × 1000 | X (Twitter) headers, email and page banners |
The sizes are examples of each shape, not platform rules. Platforms change their recommended sizes, so check the current specification where the image will appear. For a 16:9 video thumbnail that should move, the image-to-video creator animates a still into a short clip.
Aspect ratio calculator
Enter a width and height to find the ratio. To resize while keeping the shape, pick a ratio and change one side; the other side updates.
1920 × 1080 is 16:9 (1.78:1), a widescreen shape.
Match image pixel dimensions to the placement
A 1600 × 900 image contains 1,600 pixels across and 900 pixels down. Its aspect ratio is 16:9. A 1080 × 1080 file is square, or 1:1. Neither number says whether the image is sharp; compression, focus, generation quality, and editing also matter.
Choose dimensions from the final placement. A small article card needs fewer pixels than a full-width banner. High-density screens may benefit from an image near twice the displayed width, but sending the largest source everywhere wastes data.
Crop when the subject can lose space
Cropping removes part of the frame to create a new shape. It is the cleanest choice when the subject remains understandable and important details stay away from the cut edge. Test the narrowest mobile crop as well as the desktop version.
Original example: a wide coast image can become a square card if the cliff remains the visual anchor. A tightly framed face cannot become a wide banner without either cutting the subject or creating new space. The composition guide explains how to protect focal points and copy space.
Recompose when a crop would break the image
Smart Resize asks AI to adapt the composition to a new shape. Zoom Out creates more surrounding area. Both tools can invent details, so inspect patterns, faces, hands, edges, and perspective before use.
What AI upscaling can and cannot recover
An AI image upscaler can create a larger file and estimate texture. It cannot recover factual detail that the source never captured. Start with the clearest file available, use the smallest enlargement that fits, and compare the output at 100% view.
An image size and aspect ratio checklist
- Measure the largest display width in the real layout.
- Choose an aspect ratio that protects the subject.
- Export only the dimensions the placement needs.
- Set HTML width and height so the browser reserves space.
- Keep the original source and record the applicable license.
Apply this guide with image tools and collections
Try a new layout in the AI image resizer, add surrounding space with Zoom Out, or review the composition guide.
Find your image
