Grundlagen & Werkzeuge
Auflösung, DPI und Bildgröße richtig verstehen
Verstehe Auflösung, DPI und Bildgröße, damit du Bilder für Web und Druck sicher beurteilst und passend exportierst.
KI-generiert Die Datei wirkt auf dem Monitor groß genug, doch im gedruckten Flyer erscheint sie plötzlich unscharf. Oder ein Produktbild soll für einen Banner deutlich größer werden, obwohl die Originaldatei nur wenige Pixel hat. Solche Probleme entstehen fast immer, weil Pixelmaße, Bildgröße, ppi und dpi verwechselt werden. Wenn du die Unterschiede kennst, kannst du Bilder vor der Gestaltung realistisch prüfen und spätere Überraschungen vermeiden.
Pixel sind die tatsächliche Bildinformation
Ein digitales Bild besteht aus Pixeln. Jeder Pixel speichert Farb und Helligkeitsinformationen. Die Pixelmaße sagen daher, wie viel echte Bildinformation deine Datei enthält, zum Beispiel 6000 × 4000 Pixel.
Diese Zahl ist die wichtigste Grundlage für jede Beurteilung. Sie bestimmt:
- wie groß ein Bild auf einem Bildschirm dargestellt werden kann
- wie weit du einen Ausschnitt vergrößern kannst
- welche Druckgröße bei guter Qualität realistisch ist
- wie viel Spielraum du für Retusche, Freisteller und Layout hast
Eine Datei mit 1200 × 800 Pixeln bleibt eine Datei mit 1200 × 800 Pixeln, unabhängig davon, ob in Photoshop 72, 96 oder 300 ppi eingetragen sind. Die Angabe zur Auflösung verändert zunächst nicht die vorhandene Menge an Bilddaten.
Du findest die Werte in Photoshop unter Bild > Bildgröße. Im Dialog siehst du oben die Pixelmaße und darunter die Dokumentgröße in Zentimetern oder Zoll. Prüfe zuerst immer die Pixelmaße. Sie beantworten die Frage, was technisch vorhanden ist.
ppi und dpi: Ähnliche Begriffe, unterschiedliche Bedeutung
Im Arbeitsalltag werden ppi und dpi oft gleich verwendet. Technisch beschreiben sie aber verschiedene Dinge.
| Begriff | Bedeutung | Wofür er steht |
|---|---|---|
| Pixel | Einzelne Bildpunkte einer digitalen Datei | Tatsächliche Bildinformation |
| ppi | Pixel per Inch, also Pixel pro Zoll | Pixeldichte eines Bildes bei einer bestimmten Ausgabegröße |
| dpi | Dots per Inch, also Druckpunkte pro Zoll | Punktdichte eines Druckers oder Ausgabegeräts |
Bei Bilddateien ist ppi die genauere Bezeichnung. Photoshop zeigt im Dialog Bildgröße allerdings meist das Feld Auflösung an. Gemeint ist dort die Anzahl der Bildpixel pro Zoll oder Zentimeter bei der Ausgabe.
Dpi betrifft dagegen den Drucker. Ein Drucker setzt Bildpixel nicht einfach eins zu eins um. Für Farbmischungen und Tonwerte erzeugt er viele winzige Druckpunkte. Deshalb kann ein Drucker mit einer hohen dpi Angabe arbeiten, obwohl das gelieferte Bild für einen hochwertigen Druck nur ungefähr 300 ppi benötigt.
Für deine Photoshop Praxis genügt diese klare Trennung: Du bewertest Bilddateien anhand ihrer Pixelmaße und ihrer ppi bei der geplanten Druckgröße. Die dpi des Druckers musst du normalerweise nicht einstellen.
Bildgröße und Arbeitsfläche sind nicht dasselbe
Die Begriffe klingen ähnlich, verändern aber unterschiedliche Dinge. Wer sie verwechselt, schneidet Bilder unbeabsichtigt ab oder vergrößert Dateien ohne Nutzen.
Unter Bild > Bildgröße änderst du die Größe des gesamten Bildes. Je nach Einstellung verändert Photoshop dabei entweder die Druckmaße oder die Anzahl der Pixel.
Unter Bild > Arbeitsfläche veränderst du dagegen die Fläche um das Bild herum. Stell dir die Arbeitsfläche wie Papier vor, auf dem dein Bild liegt:
- Verkleinerst du die Arbeitsfläche, werden außerhalb liegende Bereiche abgeschnitten.
- Vergrößerst du die Arbeitsfläche, entsteht zusätzlicher leerer Bereich.
- Die Pixel des vorhandenen Motivs werden dabei nicht skaliert.
Das ist praktisch, wenn du beispielsweise rechts Platz für Text brauchst, ein quadratisches Format vorbereitest oder eine Datei auf ein festes Anzeigenformat bringen musst. Neue Arbeitsfläche ist zunächst transparent, sofern deine Hintergrundebene nicht als klassische Hintergrundebene gesperrt ist. Bei Bedarf füllst du den Bereich später mit Farbe, einer Verlaufsfüllung oder erweitertem Bildinhalt.
Für Beschnitt und einen bewussten neuen Bildausschnitt ist oft das Freistellungswerkzeug besser geeignet. Es zeigt dir direkt, was erhalten bleibt und was entfernt wird.
Web: Die Pixelmaße zählen, nicht die ppi Zahl
Für Websites, Newsletter, Social Media und Präsentationen zählt die Größe in Pixeln. Ein Bild für einen Inhaltsbereich mit 1600 Pixel Breite sollte auch ungefähr diese Breite liefern können. Die ppi Angabe in den Metadaten spielt für die Darstellung im Browser keine entscheidende Rolle.
Die alte Regel, Webbilder müssten 72 ppi haben, ist ein Mythos. Ein Browser nimmt die Pixelmaße der Datei und passt sie dem verfügbaren Platz an. Ob in Photoshop 72 oder 300 ppi eingetragen sind, ändert nicht, wie viele Bildpixel im Browser vorhanden sind.
Prüfe für Webausgaben deshalb diese Punkte:
- Welche maximale Breite braucht das Bild im vorgesehenen Layout?
- Ist das Bild für hochauflösende Displays sinnvoll etwas größer vorhanden?
- Ist der Bildausschnitt für kleine Ansichten noch verständlich?
- Wurde die Datei über Datei > Exportieren > Exportieren als passend als JPEG, PNG oder WebP ausgegeben?
- Ist die Dateigröße angemessen, ohne sichtbare Artefakte oder unnötig hohe Qualität?
Ein Beispiel: Ein Foto mit 2400 × 1600 Pixeln eignet sich gut für viele Webeinsätze. Wenn du es im Layout mit 800 Pixel Breite zeigst, bleiben ausreichend Reserven. Exportierst du dagegen eine Datei mit 400 Pixel Breite für eine Fläche von 1600 Pixeln, muss der Browser die Datei hochrechnen. Das Bild wirkt weich, Kanten werden unsauber und Details brechen weg.
Druck: Auf Endformat und ppi rechnen
Für den Druck musst du zwei Angaben zusammen betrachten: die Pixelmaße und das geplante Endformat. Als bewährte Faustregel gelten etwa 300 ppi bei hochwertigen Drucksachen, die aus kurzer Distanz betrachtet werden, etwa Broschüren, Flyer oder Fotodrucke.
Die Rechnung ist einfach:
benötigte Pixel = Druckgröße in Zoll × gewünschte ppi
Ein A4 Bild im Hochformat ist ungefähr 8,27 × 11,69 Zoll groß. Für 300 ppi brauchst du daher rund 2480 × 3508 Pixel. Das entspricht näherungsweise den bekannten 2480 × 3508 Pixeln für A4 bei 300 ppi.
Je größer der Betrachtungsabstand, desto geringer darf die effektive Auflösung sein. Ein Plakat wird nicht aus 30 Zentimetern Entfernung beurteilt, ein Messestandbild schon gar nicht. Deshalb kann ein großes Format mit deutlich weniger als 300 ppi gut aussehen. Verlasse dich bei professionellen Produktionen trotzdem auf die technischen Vorgaben der Druckerei oder der zuständigen Druckvorstufe.
Eine nützliche Orientierung:
| Einsatz | Sinnvolle Prüfung |
|---|---|
| Website und Social Media | Pixelbreite passend zum vorgesehenen Platz |
| Präsentation | Pixelmaße passend zur Bildschirmauflösung und Projektionsgröße |
| Flyer, Broschüre, Fotodruck | Häufig etwa 300 ppi im Endformat |
| Großformat und Plakat | Betrachtungsabstand und Produktionsvorgabe beachten |
Wichtig: Ein Layoutprogramm kann Bilder skalieren, aber es erzeugt dadurch keine zusätzlichen Details. Prüfe die effektive Auflösung daher nicht nur in Photoshop, sondern auch im fertigen Layout.
Interpolation: Was beim Hochrechnen wirklich passiert
Wenn du ein Bild größer rechnest, muss Photoshop neue Pixel erfinden. Dieser Vorgang heißt Interpolation. Photoshop analysiert benachbarte Pixel und berechnet daraus Zwischenwerte. Das kann Kanten glätten und Größenanpassungen optisch verbessern, ersetzt aber keine Bilddetails.
Im Dialog Bild > Bildgröße aktivierst du dazu Neu berechnen. Dann kannst du die Pixelmaße verändern. Photoshop bietet dafür verschiedene Verfahren, darunter Automatisch, Bikubisch glatter für Vergrößerungen und je nach Version Details erhalten 2.0.
So gehst du sinnvoll vor:
- Öffne eine Kopie der Originaldatei.
- Wähle Bild > Bildgröße.
- Aktiviere Neu berechnen, wenn du wirklich mehr Pixel brauchst.
- Stelle zunächst die gewünschte Zielgröße ein.
- Wähle für eine Vergrößerung ein passendes Interpolationsverfahren.
- Kontrolliere wichtige Bereiche bei 100 Prozent Ansicht, besonders Augen, Haare, Schrift, Produktkanten und feine Strukturen.
- Schärfe erst am Ende und immer passend zum Ausgabemedium.
Eine moderate Vergrößerung kann funktionieren, besonders bei rauscharmen, scharfen Ausgangsbildern. Bei kleinen, stark komprimierten Dateien treten jedoch schnell Probleme auf: künstliche Texturen, ausgefranste Kanten, flächige Haut oder unleserliche Schrift. Auch KI gestützte Vergrößerung kann ein Bild verbessern, erzeugt aber interpretierte Details. Für Produkte, Personen, Architektur oder rechtlich relevante Inhalte musst du das Ergebnis besonders kritisch prüfen.
Warum kleine Bilder nicht groß werden
Ein kleines Bild wird durch Hochrechnen zwar größer in Pixeln, aber nicht automatisch besser. Wenn ein Logo nur 300 Pixel breit ist, kennt Photoshop keine echte Information über die feinen Kanten, die bei einer Breite von 3000 Pixeln nötig wären. Es kann nur schätzen.
Bei Logos, Icons und Schrift ist die richtige Lösung oft eine Vektordatei, etwa aus Adobe Illustrator oder als saubere PDF Datei. Vektoren bestehen aus mathematisch beschriebenen Pfaden und lassen sich ohne Qualitätsverlust skalieren. Ein Screenshot eines Logos ist dagegen fast immer die falsche Ausgangsdatei.
Bei Fotos hilft nur eine bessere Quelle: das Originalfoto, eine höher aufgelöste Aufnahme oder eine Datei mit weniger starkem Beschnitt. Frage im Team früh nach den Originaldaten, bevor Gestaltung, Retusche und Freigaben weit fortgeschritten sind.
Klare Faustregeln für deinen Workflow
Halte dich bei Bildgrößen an diese Regeln:
- Prüfe zuerst Breite und Höhe in Pixeln, nicht nur die Megapixelzahl.
- Für Web zählt die benötigte Pixelgröße, nicht die Eintragung von 72 oder 300 ppi.
- Für hochwertigen Druck sind etwa 300 ppi im Endformat ein guter Ausgangspunkt.
- Ändere nur die Druckmaße, wenn du keine neuen Pixel erzeugen willst. Deaktiviere dafür Neu berechnen.
- Vergrößere Bilder nur, wenn es wirklich nötig ist, und beurteile das Ergebnis bei 100 Prozent.
- Nutze Arbeitsfläche, wenn du Rand oder Platz ergänzen willst. Nutze Bildgröße, wenn du das Bild skalieren musst.
- Bewahre die Originaldatei unverändert auf und exportiere Ausgabeversionen separat.
Wenn du diese Logik verinnerlichst, werden Auflösungsfragen deutlich einfacher. Passende Photoshop Seminare und Termine findest du bei uns auf cmt.de.
Nächster Schritt
Passenden Kurs zu Grundlagen finden.
Feste Termine, erfahrene Trainer, Präsenz in München und Durchführungsgarantie. Buchen kannst du direkt auf cmt.de.