Bildauflösung einfach erklärt

 

Bei der Bildauflösung geht es um eine einfache Frage: Aus wie vielen Bildpunkten besteht das Foto? Diese Bildpunkte heißen Pixel. Die Auflösung gibt an, wie viele davon ein Bild in der Breite und in der Höhe hat. Ein Foto mit 1920 Pixeln Breite und 1080 Pixeln Höhe hat eine Auflösung von 1920 mal 1080. Mehr Pixel bedeuten zunächst mehr Details, aber auch eine größere Datei. Genau dieses Verhältnis aus Detailgrad und Dateigröße macht den Begriff so wichtig, sobald Bilder ins Web sollen.

Bildauflösung einfach erklärt: Drei gerahmte Landschaften nebeneinander mit von links nach rechts zunehmender Pixeldichte

Bildauflösung als Breite mal Höhe

Die gängige Schreibweise ist immer Breite zuerst, dann Höhe, verbunden durch ein "x" oder das Wort "mal". 800x600 heißt also 800 Pixel breit und 600 Pixel hoch. Multipliziert man beide Zahlen, ergibt sich die Gesamtzahl der Pixel. Bei 800x600 sind das 480.000 Pixel, knapp eine halbe Million. Diese Zahl taucht oft als "Megapixel" auf, wenn Kameras beworben werden: Ein Megapixel ist eine Million Pixel. Wenn eine Kamera mit zwölf Megapixeln wirbt, liefert sie also Bilder mit rund zwölf Millionen Bildpunkten.

Die folgende Tabelle zeigt gängige Auflösungen und wofür sie typisch sind.

AuflösungPixel gesamtTypischer Einsatz
320x24076.800kleines Vorschaubild
800x600480.000Bild in einer Galerie
1920x10802.073.600volle Bildschirmbreite
4000x300012.000.000Foto aus einer Kamera

Warum mehr Pixel nicht immer besser sind

Eine hohe Auflösung klingt erst einmal gut, kostet aber Speicherplatz und Ladezeit. Ein Foto direkt aus der Kamera mit 4000x3000 Pixeln kann mehrere Megabyte groß sein. Auf einer Webseite würde so ein Bild lange laden, obwohl der Bildschirm es gar nicht in voller Größe anzeigen kann. Für das Web reicht meist eine deutlich kleinere Auflösung, weil der Browser das Bild ohnehin auf die Anzeigegröße herunterrechnet. Wer das Original ungekürzt einbindet, zwingt jeden Besucher, die volle Datenmenge zu laden, ohne dass das Auge davon profitiert.

Diese Punkte helfen bei der Wahl der richtigen Größe:

  • Ein Bild, das die ganze Breite einer Seite füllt, braucht selten mehr als 1600 Pixel Breite.
  • Ein Bild in einer Spalte oder Galerie kommt oft mit 800 bis 1000 Pixeln aus.
  • Ein Vorschaubild reicht mit 200 bis 400 Pixeln Breite.
  • Wer ein Bild kleiner anzeigt, als es ist, verschenkt Ladezeit ohne sichtbaren Gewinn.
  • Im Zweifel lieber etwas größer speichern und beim Hochladen verkleinern lassen, als ein zu kleines Bild nachträglich aufzublasen.

Bildauflösung und Schärfe

Schärfe hängt nicht allein an der Auflösung. Ein verwackeltes Foto mit zwölf Megapixeln bleibt unscharf, auch wenn es viele Pixel hat. Die Auflösung legt nur die Obergrenze fest, wie viele Details überhaupt gespeichert werden können. Vergrößert man ein kleines Bild stark, wird es matschig, weil keine zusätzlichen Details vorhanden sind. Verkleinern dagegen klappt fast immer ohne Qualitätsverlust, weil dabei nur Pixel weggelassen werden. Deshalb ist die Reihenfolge klar: Erst ein scharfes Original aufnehmen, dann auf die gewünschte Größe herunterrechnen.

Was die Bildauflösung für eine Galerie bedeutet

In einer Bildergalerie lohnt es sich, von jedem Foto zwei Versionen zu haben: eine kleine für die Übersicht und eine größere für die Detailansicht. So lädt die Übersichtsseite schnell, und das große Bild erscheint erst, wenn jemand wirklich darauf klickt. Ein Galerie-Script erzeugt die kleinere Version meist automatisch aus dem Original. Sie müssen also nur das Foto in passender Auflösung hochladen und nicht jede Größe von Hand anlegen. Wer die Auflösung versteht, trifft hier die richtige Entscheidung fast nebenbei.

Häufige Fragen

Sobald Bilder ins Web sollen, tauchen rund um die Auflösung Fragen zu Größe, dpi und Dateiformat auf.

Welche Auflösung brauchen Bilder für eine Galerie im Web?

Ein Bild über die volle Seitenbreite braucht selten mehr als 1600 Pixel, in einer Spalte oder Galerie reichen oft 800 bis 1000 Pixel und ein Vorschaubild kommt mit 200 bis 400 Pixeln Breite aus. Ein Kamerafoto mit 4000x3000 Pixeln direkt einzubinden zwingt jeden Besucher, mehrere Megabyte unnötig zu laden.

Sind 72 dpi für Bilder im Web wichtig?

Nein, dpi beziehungsweise ppi beschreiben die Punktdichte beim Druck und sind fürs Web ohne Bedeutung. Auf dem Bildschirm zählt allein die Pixelzahl in Breite und Höhe, der oft genannte Wert 72 dpi ändert an der Darstellung nichts.

Verliert ein Bild beim Verkleinern an Qualität?

Verkleinern klappt fast immer ohne sichtbaren Verlust, weil dabei nur Pixel weggelassen werden. Ein kleines Bild stark zu vergrößern wird dagegen matschig, deshalb gilt: erst ein scharfes Original aufnehmen, dann auf die gewünschte Größe herunterrechnen.

Verwandte Themen

Die Auflösung ist nur ein Teil der Bildvorbereitung, die übrigen Stellschrauben fürs schnelle Laden schließen direkt an.