Full HD (1080p) Dimensions

Recommended size: 1920 × 1080 pixels

1920 × 1080
16:9

1920×1080 pixels (Full HD or 1080p) is the dominant display resolution on desktop monitors, laptops, and televisions worldwide. It represents the 16:9 widescreen standard used by approximately 65% of desktop displays according to Steam and StatCounter surveys. For web images, hero banners, presentation slides, and video content, 1920×1080 ensures edge-to-edge coverage on the most common screen size without excessive file weight.

Specifications

Width 1920px
Height 1080px
Aspect Ratio 16:9
Platform general
Category standard

Where 1920×1080 Is Used

The Full HD resolution appears across multiple contexts:

  • Website hero images and banners: Full-width images sized for the most common desktop resolution
  • Presentation slides: PowerPoint, Google Slides, and Keynote default to 16:9 (1920×1080)
  • Video content: Standard HD video resolution for YouTube, Vimeo, and most streaming platforms
  • Desktop wallpapers: Default resolution for the majority of monitors
  • Digital signage: Standard resolution for commercial displays
  • Social media cover images: Facebook and LinkedIn cover photos approximate this ratio

For web use, 1920×1080 is typically the maximum you need to serve for hero images. Serving larger images wastes bandwidth for the vast majority of visitors.

Retina and HiDPI Considerations

On Retina/HiDPI displays (MacBooks, newer monitors), a 1920×1080 image displayed full-width may appear slightly soft because the display has 2× or 3× the pixel density.

Handling this depends on your use case:

  • Web hero images: Use srcset to serve 1920×1080 for 1× screens and 2560×1440 or 3840×2160 for 2× screens. Let the browser choose.
  • Presentations: 1920×1080 is sufficient — projectors and conference displays are almost never HiDPI
  • Video: Render at 1080p for standard distribution. Use 4K only when the audience has 4K displays and bandwidth

For web, a practical approach is to serve a 1920px-wide image at JPEG quality 65-75 — the larger resolution compensates for the lower quality setting, and the file size stays manageable. This often looks better than a smaller image at higher quality.

File Size Optimization for 1080p Web Images

A 1920×1080 image can be anywhere from 100 KB to several MB depending on format and compression:

  • JPEG quality 70: ~150-300 KB for photographs (recommended for web)
  • JPEG quality 85: ~300-600 KB (higher quality but diminishing returns)
  • WebP quality 75: ~100-200 KB (30-40% smaller than equivalent JPEG)
  • AVIF quality 60: ~60-120 KB (best compression, growing browser support)
  • PNG: 2-5 MB (only for graphics with transparency needs)

For web hero images, target under 200 KB at 1920×1080. Use WebP or AVIF with JPEG fallback. Lazy load any 1080p images below the fold.

Tools for optimization: Squoosh (web-based), Sharp (Node.js), ImageMagick (CLI), or use an image CDN that handles format conversion and compression automatically.

Quick Tips

  • → Target under 200 KB for 1920×1080 web images using WebP or AVIF
  • → Use srcset to serve 2× versions for Retina displays without penalizing 1× screens
  • → JPEG quality 65-75 at 1920×1080 often looks better than quality 90 at smaller sizes
  • → Lazy load any full HD images below the fold

Related general Sizes

4K UHD
3840 × 2160

Frequently Asked Questions

Is 1920×1080 enough for website hero images?

For most websites, yes. 1920×1080 covers the most common desktop resolution. For Retina/HiDPI displays, use srcset to offer a 2× version (3840×2160) alongside the 1× version. On mobile, serve smaller sizes (640-1080px wide) via responsive images to save bandwidth.

What's the best format for 1920×1080 web images?

WebP or AVIF for modern browsers with JPEG fallback. WebP is 30-40% smaller than equivalent JPEG at the same visual quality and has 97%+ browser support. AVIF is even smaller but has less browser support. A 1920×1080 photograph should be under 200 KB in WebP at quality 75.

Should I use 1080p or 4K for web images?

Use 1080p (1920×1080) as your standard size and offer 4K (3840×2160) only as a high-DPI option via srcset. Most visitors are on 1080p screens and serving 4K to everyone wastes bandwidth. Let the browser select the appropriate size based on screen resolution and connection speed.