Die Auflösung gibt an, aus wie vielen Bildpunkten ein digitales Bild oder ein Display besteht, etwa 3.000 mal 2.000 Pixel. So beschreibt der Duden die Bildauflösung. Das Pixelmaß ist die eigentliche Datenmenge eines Bildes; eine Angabe in ppi, Pixel pro Zoll, sagt nur, wie dicht diese Pixel beim Ausgeben verteilt werden.
- Auflösung
Wie viele Bildpunkte ein digitales Bild oder ein Display hat, angegeben als Breite mal Höhe in Pixeln.
Beispiel: „Für das große Startbild brauchen wir eine Auflösung von mindestens 2.400 Pixeln Breite.“Auch: Bildauflösung, englisch resolution.
Abgrenzung zu dpi: Das beschreibt die Punktdichte eines Druckers oder Scanners.
Auflösung im Druck
Wie groß ein Bild gedruckt werden kann, ergibt sich aus Pixeln geteilt durch ppi: 3.000 Pixel bei 300 ppi ergeben 10 Zoll, also 25,4 Zentimeter. Die Hausdruckerei der Universität Salzburg verlangt bis zum Format A3 in der Regel 300 dpi. Größere Formate kommen mit weniger aus, weil man weiter weg steht; für A0 nennt ihre Tabelle 106 dpi.
Auflösung am Bildschirm
Im Browser zählen nur die Pixelmaße; ein ppi-Wert in den Metadaten der Datei spielt für die Darstellung keine Rolle. Ein CSS-Pixel ist laut CSS Values 4 ein Referenzpixel von einem 96stel Zoll. Wie viele echte Bildpunkte darauf kommen, verrät devicePixelRatio: 1 beim klassischen Monitor, 2 bei einem hochauflösenden Display. Dort braucht ein Bild doppelt so viele Pixel, um gleich scharf zu wirken.
Die passende Auflösung für jedes Gerät
Mit dem Attribut srcset bekommt der Browser mehrere Fassungen eines Bildes zur Auswahl und lädt die, deren Auflösung zum Gerät passt. MDN rechnet vor, dass eine Fassung mit 480 Pixeln Breite 63 KB wiegt, eine mit 800 Pixeln 128 KB. Das Smartphone spart so die Hälfte der Datenmenge.
<img src="team-800.jpg"
srcset="team-480.jpg 480w, team-800.jpg 800w, team-1600.jpg 1600w"
sizes="(max-width: 600px) 480px, 800px"
alt="Das Team im Besprechungsraum">