Image Format & Size Cheatsheet

Custom Size

Enter width and height to get the ratio and quick copy text.

Unit

DPI

Width

Height

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-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.

Custom Size

Enter width and height to get the ratio and quick copy text.

Unit

DPI

Width

Height

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-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.

FAQ

Common questions and answers about this topic.

What is Image Format & Size Cheatsheet?

Quick reference for common image sizes, ratios, and formats across web, social, print, and slides.

Is Image Format & Size Cheatsheet free to use?

Yes, Image Format & Size Cheatsheet is completely free to use.