Image Format & Size Cheatsheet
Quick reference for common image sizes, ratios, and formats across web, social, print, and slides.
Custom Size
Enter width and height to get the ratio and quick copy text.
Unit
DPI
DPI only affects print conversions.Aspect ratio: 1:1
Decimal ratio: 1.000
Common ratio: 1:1
Common Use Cases
Pick a scenario to see recommended sizes and ratios.
Website
Hero images, blog previews, and app icons.
Hero banner
Ratio 16:9
Full-width headers or landing pages.
Size1,920 × 1,080 px
Common ratio: 16:9
Blog preview
Ratio 300:157
Open Graph and article thumbnails.
Size1,200 × 628 px
Common ratio: Custom
App icon
Ratio 1:1
General-purpose icon size.
Size512 × 512 px
Common ratio: 1:1
Social
Post and cover sizes used by major platforms.
Instagram post (square)
Ratio 1:1
Standard feed post.
Size1,080 × 1,080 px
Common ratio: 1:1
Instagram story
Ratio 9:16
Full-screen story or reel cover.
Size1,080 × 1,920 px
Common ratio: 9:16
Facebook cover
Ratio 205:78
Page cover photo safe area.
Size820 × 312 px
Common ratio: Custom
Print
Print-ready sizes. DPI affects actual inches and centimeters.
A4 poster
Ratio 620:877
Standard A4 at 300 DPI.
Size2,480 × 3,508 px
Common ratio: Custom
Photo 4×6
Ratio 2:3
Classic photo print at 300 DPI.
Size1,200 × 1,800 px
Common ratio: Custom
A3 poster
Ratio 3508:4961
Large print at 300 DPI.
Size3,508 × 4,961 px
Common ratio: Custom
Presentation
Slide sizes for decks and kiosks.
Widescreen 16:9
Ratio 16:9
Most modern slide decks.
Size1,920 × 1,080 px
Common ratio: 16:9
Standard 4:3
Ratio 4:3
Legacy projectors or handouts.
Size1,024 × 768 px
Common ratio: Custom
Format Guide
Compare common image formats and their best uses.
JPEG
Balanced file size and quality for photos.
- Best forPhotography, gradients
- CompressionLossy
- TransparencyNot supported
- VectorNot supported
PNG
Sharp edges and transparency support.
- Best forUI assets, screenshots
- CompressionLossless
- TransparencySupported
- VectorNot supported
WebP
Modern format with strong compression.
- Best forWeb images, mixed content
- CompressionLossy or lossless
- TransparencySupported
- VectorNot supported
SVG
Vector-based and resolution independent.
- Best forIcons, logos, illustrations
- CompressionXML-based
- TransparencySupported
- VectorSupported
Tip: Use SVG for icons and logos, then export to PNG or WebP if the platform needs a bitmap.