HTTP Content-DPR Header

Der HTTP-Header Content-DPR ist ein Response-Header, der den Device Pixel Ratio (DPR) der ausgelieferten Bildressource angibt. Teil der Client Hints API für automatische Responsive-Image-Optimierung basierend auf Display-Eigenschaften.

Typ

Response-Header

Syntax

Der Header gibt den DPR-Wert der Response als Dezimalzahl an.

http 
Content-DPR: 2.0
Content-DPR: 1.5

Direktiven

Die Direktive gibt den Device-Pixel-Ratio der ausgelieferten Ressource an.

<dpr-value>
Dezimalzahl die den DPR-Wert repräsentiert. 1.0 für Standard-Displays, 2.0 für Retina, 3.0 für HiDPI.

Beispiele

Nachfolgend finden Sie praktische Anwendungsbeispiele für den Content-DPR-Header.

Beispiel 1 Retina-Display Bild

http 
Content-DPR: 2.0
Content-Type: image/jpeg

Server liefert 2x hochauflösendes Bild für Retina-Display. Browser skaliert korrekt basierend auf DPR.

Beispiel 2 Standard-Display

http 
Content-DPR: 1.0
Content-Type: image/png

Standard-Resolution-Bild für normale Displays ohne Pixel-Dichte-Optimierung.

Beispiel 3 High-DPI Mobile

http 
Content-DPR: 3.0
Content-Type: image/webp

3x hochauflösendes WebP-Bild für High-DPI Mobile-Geräte mit maximaler Schärfe.

Client Hints DPR Flow

Client Hints DPR Negotiation für Responsive Images

Vorteile für die Systemarchitektur

  • Automatische Image-Optimierung: Server wählt passende Bildauflösung basierend auf Device-Capabilities
  • Bandwidth-Effizienz: Standard-Displays erhalten kleinere Dateien, High-DPI nur bei Bedarf
  • Verbesserte User-Experience: Scharfe Bilder auf Retina-Displays ohne manuelle srcset-Konfiguration

Spezifikation

Client Hints Infrastructure – IETF Draft https://datatracker.ietf.org/doc/html/draft-ietf-httpbis-client-hints

Weitere Spezifikationen

DPR Header, Accept-CH Header