Speisekarte

Image Resolution Test — Welche Auflösung ist optimal?

Diese Seite zeigt dasselbe DJI-Drohnenbild (8064×6048 Master) in 9 verschiedenen Varianten: 3× Featured (Header), 3× Gallery-Thumbnail, 3× Lightbox (Full).
So testest du:
  1. Vergleiche die Schärfe auf Desktop (1440px) und Mobile (375px)
  2. Klick jedes Bild an — Lightbox öffnet die Vollversion
  3. Achte auf: Ränder scharf? Drohnen-Details erkennbar? Himmel ohne Artefakte?
  4. Wäge ab: Schärfe vs. Dateigröße (kleiner = schneller Seitenaufbau)
Alle Bilder wurden via TinyPNG komprimiert. WordPress erzeugt automatisch WebP-Versionen (ab WP 6.1).

1. Featured / Header-Bild (Landscape 1.905:1)

So wie das Header-Bild oben auf jedem Blog-Post angezeigt wird. Erwartetes Anzeige-Viewport: Desktop ~1400px, Retina verdoppelt das.
Image Resolution Test — Bild 1
1600×840
Dateigröße: 380.5 KB
Klick → Lightbox
Image Resolution Test — Bild 2
2400×1260
Dateigröße: 499.2 KB
Klick → Lightbox
Image Resolution Test — Bild 3
3840×2016
Dateigröße: 1030.2 KB
Klick → Lightbox

2. Gallery-Thumbnail (Portrait 5:6)

Die kleinen Gallery-Kacheln innerhalb eines Blog-Posts. Anzeige-Breite: ca. 330px auf Desktop, 160px auf Mobile. Retina braucht 2× = 660px bzw. 320px.
Image Resolution Test — Bild 5
500×600
Dateigröße: 81.0 KB
Klick → Lightbox
Image Resolution Test — Bild 6
750×900
Dateigröße: 141.6 KB
Klick → Lightbox
Image Resolution Test — Bild 4
1000×1200
Dateigröße: 238.0 KB
Klick → Lightbox

3. Lightbox / Vollbild (Landscape Full)

Öffnet sich wenn man ein Gallery-Bild anklickt. Hier zählt Schärfe am meisten — MUSS perfekt aussehen auf allen Bildschirmen inkl. 4K-Displays.
Image Resolution Test — Bild 7
1600×1000
Dateigröße: 308.1 KB
Klick → Lightbox
Image Resolution Test — Bild 8
2560×1600
Dateigröße: 627.6 KB
Klick → Lightbox
Image Resolution Test — Bild 9
3840×2400
Dateigröße: 1153.8 KB
Klick → Lightbox

Meine Empfehlung (vor dem Test)

  • Featured: 2400×1260 — Retina-ready auf Desktop, mobile Performance OK
  • Gallery: 750×900 — doppelte Pixeldichte für Mobile + Desktop
  • Lightbox: 2560×1600 — scharf auf 4K-Displays ohne Mega-Ladezeit
Entscheide nach dem visuellen Vergleich — deine Augen sind wichtiger als meine Empfehlung.