Die Verwirrung rund um Auflösung ist weit verbreitet und verständlich. Derselbe Begriff wird je nach Kontext verwendet, um unterschiedliche Dinge zu beschreiben: Die Kamera spricht von Megapixeln, Photoshop spricht von PPI, die Druckerei verlangt 300 DPI, und Google empfiehlt, dass Web-Bilder "ausreichende Auflösung für Retina-Displays" haben. Es scheint, als würde jede Software und jeder Fachmann das Vokabular anders verwenden.
Dieser Artikel bringt jedes Konzept an seinen richtigen Platz und erklärt, wie sie zusammenhängen und was in jeder praktischen Situation wirklich zählt.
Was ist ein Pixel
Pixel ist die Abkürzung für picture element — Bildelement. Es ist die kleinste Einheit eines gerasterten digitalen Bildes: ein einzelner, unteilbarer Farbpunkt.
Ein digitales Bild ist ein rechteckiges Raster aus Pixeln. Jeder Pixel speichert einen Farbwert, meist dargestellt in drei Kanälen: Rot (R), Grün (G) und Blau (B), jeder mit 256 möglichen Stufen (0 bis 255). Das ergibt 256³ = 16,7 Millionen mögliche Farben pro Pixel im 8-Bit-RGB-Modell.
Der Pixel ist eine abstrakte Einheit — er hat keine inhärente physische Größe. Ein Pixel ist weder groß noch klein: Er ist nur ein Farbwert in einem Raster. Die Größe, die er in der physischen Welt einnimmt, hängt vollständig vom Anzeige- oder Druckkontext ab.
Diese Unterscheidung ist der Kern der gesamten Verwirrung um Auflösung: Pixel existieren in einem abstrakten Raum, ohne physische Dimensionen. Wenn wir von Auflösung sprechen, sprechen wir immer darüber, wie diese abstrakten Pixel auf den physischen Raum abgebildet werden — sei es auf einem Bildschirm oder auf Papier.
Was ist Bildauflösung
"Auflösung" ist ein Begriff mit zwei unterschiedlichen Bedeutungen, die oft verwechselt werden:
- Auflösung als Gesamtabmessungen in Pixeln: "dieses Bild hat eine Auflösung von 3840×2160 Pixeln". Hier beschreibt Auflösung einfach die Anzahl der Pixel in Breite und Höhe. Ein Bild "mit hoher Auflösung" hat in diesem Sinne viele Pixel — mehr Detail, mehr Kapazität, vergrößert oder groß gedruckt zu werden.
- Auflösung als Dichte: "dieses Bild hat 300 DPI". Hier beschreibt Auflösung, wie viele Pixel (oder Punkte) in eine physische Längeneinheit passen. Es ist das Verhältnis zwischen digitalem Raum (Pixel) und physischem Raum (Zentimeter, Zoll).
Der erste Sinn — Gesamtabmessungen in Pixeln — bestimmt die Qualität und "Größe" eines digitalen Bildes. Der zweite — Dichte — hat nur Bedeutung, wenn das Bild auf eine physische Größe abgebildet werden muss, wie beim Druck.
Was ist PPI — Pixels Per Inch
PPI bedeutet Pixel pro Zoll (pixels per inch). Es ist das Maß für die Pixeldichte auf einem Bildschirm oder in einem digitalen Bild. Es beschreibt, wie viele Pixel in jedem linearen Zoll Länge existieren.
Ein 24-Zoll-Full-HD-Monitor hat eine Auflösung von 1920×1080 Pixeln. Der Bildschirm hat etwa 21,5 Zoll physische Breite. Also: 1920 ÷ 21,5 ≈ 89 PPI. Jeder Zoll des Bildschirms enthält 89 Pixel.
Ein iPhone 15 Pro hat einen 6,1-Zoll-Bildschirm mit einer Auflösung von 2556×1179 Pixeln. Physische Breite: 2,82 Zoll. Also: 2556 ÷ 2,82 ≈ 460 PPI — mehr als das 5-fache der Dichte eines herkömmlichen Monitors.
Der PPI eines Bildschirms bestimmt die Schärfe: Je höher der PPI, desto kleiner die einzelnen Pixel, desto schwerer mit bloßem Auge zu unterscheiden und desto schärfer wirkt das Bild. Das "Retina-Display" von Apple wurde so genannt, weil das menschliche Auge im normalen Nutzungsabstand keine einzelnen Pixel über 300 PPI unterscheiden kann.
📐 PPI ist eine Eigenschaft des Bildschirms, nicht des Bildes. Der PPI eines Monitors ist fest — bestimmt durch die Auflösung und die physische Größe des Bildschirms. Ein 1200×800-Pixel-Bild, angezeigt auf einem 89-PPI-Monitor, nimmt eine bestimmte Größe ein; dasselbe Bild auf einem 460-PPI-Monitor wirkt viermal kleiner, weil jeder Pixel physisch kleiner ist.
Was ist DPI — Dots Per Inch
DPI bedeutet Punkte pro Zoll (dots per inch). Ursprünglich bezieht sich der Begriff auf die Dichte der Tintenpunkte, die ein Drucker auf das Papier aufträgt. Ein Drucker mit 600 DPI setzt 600 Tintenpunkte auf jeden linearen Zoll Papier.
Im populären Gebrauch des Grafikdesigns werden DPI und PPI synonym verwendet, um die Pixeldichte eines für den Druck bestimmten Bildes zu beschreiben. Wenn eine Druckerei "Datei in 300 DPI" verlangt, fordert sie, dass das Bild 300 Pixel pro Zoll der finalen Druckgröße hat.
Das Verhältnis zwischen Pixeln, PPI/DPI und physischer Größe
Das ist die zentrale Gleichung, die alles erklärt:
Physische Größe (Zoll) = Gesamtpixel ÷ Dichte (DPI oder PPI)
Beispiele mit demselben 3000 Pixel breiten Bild:
| Dichte (DPI) | Resultierende physische Breite | Typische Nutzung |
|---|---|---|
| 72 DPI | 3000 ÷ 72 = 41,7 Zoll (106 cm) | Alter Bildschirm mit niedriger Auflösung |
| 96 DPI | 3000 ÷ 96 = 31,25 Zoll (79 cm) | Standard-Windows-Monitor |
| 150 DPI | 3000 ÷ 150 = 20 Zoll (51 cm) | Akzeptabler Heimdruck |
| 300 DPI | 3000 ÷ 300 = 10 Zoll (25,4 cm) | Professioneller Grafikdruck |
| 600 DPI | 3000 ÷ 600 = 5 Zoll (12,7 cm) | Präzisionsdruck (sehr kleiner Text) |
Beachte, dass sich das Bild nicht ändert — die 3000 Pixel sind in allen Fällen dieselben. Was sich ändert, ist, wie diese Pixel im physischen Raum verteilt werden. Bei 300 DPI nimmt jeder Pixel 1/300 Zoll ein. Bei 72 DPI nimmt derselbe Pixel 1/72 Zoll ein — mehr als 4-mal größer. Deshalb wirkt das bei 72 DPI gedruckte Bild "pixelig": Jeder Pixel ist groß genug, um einzeln gesehen zu werden.
Was sind Megapixel
Megapixel bedeutet 1 Million Pixel. Eine 12-Megapixel-Kamera erzeugt Bilder mit etwa 12 Millionen Pixeln. Die typische Auflösung von 12 MP ist 4032×3024 Pixel — und 4032 × 3024 = 12.192.768 Pixel, was gerundet die beworbenen "12 Megapixel" ergibt.
| Megapixel | Typische Auflösung | Max. Größe bei 300 DPI |
|---|---|---|
| 8 MP | 3264 × 2448 px | 27,7 × 20,8 cm |
| 12 MP | 4032 × 3024 px | 34,2 × 25,6 cm |
| 24 MP | 6000 × 4000 px | 50,8 × 33,9 cm |
| 48 MP | 8064 × 6048 px | 68,3 × 51,2 cm (A1+) |
| 108 MP | 12032 × 9000 px | 101,9 × 76,2 cm |
Die praktische Schlussfolgerung: Jedes moderne Smartphone (12 MP oder mehr) hat mehr als ausreichende Auflösung für den Druck in A4 bei 300 DPI. Die Smartphone-Kamera ist nicht die Einschränkung für konventionelle Formate.
Warum "72 DPI" mit "für Web" assoziiert wurde
Das ist eine der ältesten und am meisten missverstandenen Konventionen des digitalen Designs. Der Ursprung ist historisch: In den 1980er Jahren hatten die ersten Macintosh-Monitore etwa 72 Pixel pro Zoll. Das Apple-System nutzte 72 PPI als Referenz, weil es die Übereinstimmung zwischen Bildschirm und Druck erleichterte: 1 typografischer Punkt = 1/72 Zoll. Photoshop übernahm 72 PPI als Standard für Bildschirmdokumente, und die Konvention blieb bestehen.
Zeitgenössische Monitore haben Dichten von 90 bis 140 PPI. Moderne iPhones erreichen 460 PPI. Der Wert 72 PPI ist als Beschreibung von Bildschirmen völlig veraltet.
Die wichtigste Auswirkung: Der DPI-Wert in den Metadaten eines digitalen Bildes hat keinerlei Effekt auf die Bildschirmanzeige. Ein 1200×800px-Bild mit dem Metadatum "72 DPI" und ein anderes mit "300 DPI" werden im Browser identisch angezeigt — weil der Browser dieses Metadatum ignoriert und einen Pixel der Datei als einen Pixel des Bildschirms anzeigt. Das DPI-Metadatum ist nur relevant, wenn das Bild in einer Software geöffnet wird, die es drucken wird.
💡 Endgültige Zusammenfassung zu "72 DPI für Web": Es ist eine überholte historische Konvention, die aus Trägheit fortbesteht. Für Bilder im Web zählen die Abmessungen in Pixeln — nicht das DPI. Ein 1920×1080px-Bild bedient einen Full-HD-Monitor unabhängig davon, ob das Metadatum 72 DPI oder 300 DPI angibt.
Retina-Displays und der @2x-Faktor
Apple brachte das Retina-Display 2010 im iPhone 4 mit 326 PPI auf den Markt — etwa doppelt so hoch wie der PPI der damaligen Monitore. Die übernommene Lösung war logischer Pixel vs. physischer Pixel:
- Logischer Pixel (CSS-Pixel): die im Code verwendete Einheit. Ein im CSS mit
width: 300pxdeklariertes Bild nimmt 300 logische Pixel ein. - Physischer Pixel: der tatsächliche Bildschirmpunkt. Auf einem Retina-Display @2x wird jeder logische Pixel durch 4 physische Pixel (2×2) gerendert. Auf einem @3x-Display entspricht jeder logische Pixel 9 physischen Pixeln.
Das Ergebnis ist, dass gerasterte Bilder auf Displays mit hoher Dichte unscharf erscheinen, wenn sie nicht in ausreichender Auflösung bereitgestellt werden. Die Lösung ist, Bilder mit der doppelten (oder dreifachen) Anzeigegröße bereitzustellen:
- Bild angezeigt mit 300px Breite → stelle 600px (@2x) oder 900px (@3x) bereit
- Für eine Galerie mit 800×600px-Bildern → stelle Dateien mit 1600×1200px bereit
Nutze den Bildgrößen-Ändern von ImageTools, um die Abmessungen vor dem Upload präzise anzupassen.
Auflösung für den Druck: die benötigten Pixel berechnen
Ausgehend von der Gleichung Pixel = Physische Größe × DPI:
| Druckformat | Physische Abmessungen | Benötigte Pixel (300 DPI) | Ca. Megapixel |
|---|---|---|---|
| Foto 10×15 cm | 3,94 × 5,91 Zoll | 1181 × 1772 px | 2,1 MP |
| Foto 13×18 cm | 5,12 × 7,09 Zoll | 1535 × 2126 px | 3,3 MP |
| Foto A5 (15×21 cm) | 5,91 × 8,27 Zoll | 1772 × 2480 px | 4,4 MP |
| Foto A4 (21×29,7 cm) | 8,27 × 11,69 Zoll | 2480 × 3508 px | 8,7 MP |
| Plakat A3 (29,7×42 cm) | 11,69 × 16,54 Zoll | 3508 × 4961 px | 17,4 MP |
| Banner 100×70 cm (150 DPI) | 39,37 × 27,56 Zoll | 5906 × 4134 px | 24,4 MP |
Für Banner und Großformatmaterialien, die aus der Ferne betrachtet werden, reichen meist 150 DPI. Für den Tischdruck (Karte, Foto, Flyer) ist der Standard 300 DPI.
Auflösung für Bildschirme: was wirklich zählt
Für Bilder, die für Bildschirme und Web bestimmt sind, vergiss das DPI. Die praktischen Regeln sind:
- Dimensioniere auf den Anzeigebereich × Bildschirmfaktor. Für ein 1440px breites Banner auf @2x-Displays stelle 2880px bereit. Für ein in 600px angezeigtes Produktbild stelle 1200px bereit.
- Sende keine größeren Bilder als nötig. Ein 4032×3024px-Foto zur Anzeige in 800×600px auf der Website ist Verschwendung — der Browser lädt 12× mehr Pixel herunter, als er nutzt.
- Das DPI-Metadatum hat keinen Einfluss im Web. "In 72 DPI" oder "in 300 DPI" für das Web zu exportieren ist irrelevant — die Pixelanzahl ist, was zählt.
Passe die Abmessungen in Pixeln präzise an
Ändere die Größe von Bildern auf die exakten Anzeige- oder Druckabmessungen — ohne das Seitenverhältnis zu verzerren.
Bild kostenlos in der Größe ändernWarum das Erhöhen des DPI eines Bildes die Qualität nicht verbessert
Das ist vielleicht die frustrierendste und häufigste Verwirrung. Es gibt zwei Arten, das DPI in Photoshop zu ändern (unter Bild → Bildgröße):
- Ohne Neuberechnung: Die Pixelanzahl ändert sich nicht. Photoshop berechnet nur die physische Druckgröße neu. Ein 720×540px-Bild bei 72 DPI wird zu einem 720×540px-Bild bei 300 DPI — dieselben Pixel, auf kleinerem physischem Raum. Die Qualität hat sich nicht verbessert.
- Mit Neuberechnung: Photoshop erzeugt neue Pixel durch Interpolation — berechnet Zwischenwerte zwischen den vorhandenen Pixeln. Das Ergebnis hat mehr Pixel, aber sie sind "erfunden". Das Bild wirkt geglättet oder unscharf, nie schärfer. Ein Detail, das im Originalfoto nicht existierte, kann nicht durch Mathematik erschaffen werden.
Schlussfolgerung: Der einzige Weg, mehr echte Pixel zu haben, ist, von einem original höher aufgelösten Bild auszugehen. Das DPI in Photoshop zu ändern erschafft keine Details — es verteilt nur die vorhandenen Pixel auf unterschiedliche physische Räume neu.
Videoauflösung: wie sie sich zu Bildern verhält
| Videoauflösung | Abmessungen in Pixeln | Megapixel pro Frame |
|---|---|---|
| HD (720p) | 1280 × 720 px | 0,9 MP |
| Full HD (1080p) | 1920 × 1080 px | 2,1 MP |
| 4K UHD | 3840 × 2160 px | 8,3 MP |
| 8K UHD | 7680 × 4320 px | 33,2 MP |