Wenn es darum geht, Bilder für die Veröffentlichung im Internet vorzubereiten, greifen viele Nutzer von Adobe Photoshop instinktiv zur Funktion „Für Web speichern“ (oder „Exportieren > Für Web (Legacy)“ in neueren Versionen). Diese Option wurde speziell entwickelt, um die Dateigröße zu minimieren und die Ladezeiten von Webseiten zu beschleunigen. Klingt logisch, oder? Doch in der Praxis kann die Verwendung dieser Funktion zu unerwünschten Ergebnissen führen, insbesondere wenn höchste Bildqualität und Kompatibilität mit modernen Webstandards oder Design-Vorlagen gefragt sind.
Die Kernproblematik bei der Funktion „Für Web speichern“ liegt in einer ihrer automatischen Einstellungen: Sie reduziert standardmäßig die Auflösung der Grafik auf 72 DPI (Dots Per Inch). Obwohl DPI primär für den Druck relevant ist und für die Darstellung auf Bildschirmen die Pixelabmessungen entscheidend sind, ist diese automatische Reduzierung bei „Für Web speichern“ oft mit einer aggressiveren Komprimierung oder einer Art von Optimierung verbunden, die zu einem wahrnehmbaren Qualitätsverlust führt. Das Ergebnis ist ein kleineres Bild, aber eben auch eines mit geringerer Schärfe und Detailtreue im Vergleich zur Originaldatei.
Dieser Qualitätsverlust wird besonders deutlich, wenn Sie versuchen, das so gespeicherte Bild in Design-Vorlagen oder Content-Management-Systemen zu verwenden, die eine bestimmte Bildgröße oder Qualität erwarten. Die automatische Reduzierung auf 72 DPI kann dazu führen, dass das Bild nicht perfekt in die vorgesehenen Bereiche passt oder unscharf wirkt, vor allem auf hochauflösenden Bildschirmen (Retina-Displays etc.), wo die Pixeldichte viel höher ist als 72 Pixel pro Zoll.
Die empfohlene Alternative: „Speichern unter…“
Anstatt sich auf die automatisierten Prozesse von „Für Web speichern“ zu verlassen, empfehlen Experten und viele Plattformbetreiber, die Funktion „Speichern unter…“ (oder „Speichern als…“) in Photoshop (und auch in Illustrator) zu verwenden. Der Grund ist einfach, aber entscheidend: Mit „Speichern unter…“ behalten Sie die volle Kontrolle über die Qualität und die Einstellungen Ihrer Ausgabedatei.
Der Vorgang ist denkbar einfach:
- Klicken Sie im Menü auf Datei.
- Wählen Sie Speichern unter… (oder Speichern als…).
- Wählen Sie das gewünschte Dateiformat, idealerweise PNG oder JPEG, je nach Bildtyp.
- Stellen Sie die Qualitätseinstellungen auf den höchsten Wert ein.
- Speichern Sie die Datei.
Durch diesen Prozess wird die ursprüngliche Auflösung (Pixelabmessungen) Ihrer Datei beibehalten, und Sie können die Kompression (insbesondere bei JPEG) selbst steuern. Wenn Sie die höchste Qualität wählen, minimieren Sie den Detailverlust.
Warum „Speichern unter…“ die bessere Wahl für Qualität ist
Die Hauptstärke von „Speichern unter…“ liegt in der Kontrolle. Während „Für Web speichern“ versucht, eine Balance zwischen Dateigröße und Qualität auf Basis vordefinierter Algorithmen zu finden (oft mit der Annahme einer niedrigeren Standardauflösung), ermöglicht „Speichern unter…“ Ihnen, die bestmögliche Qualität für das gewählte Format zu exportieren. Die automatische 72-DPI-Reduzierung entfällt, was bedeutet, dass die Pixel Ihres Bildes so erhalten bleiben, wie Sie sie in Ihrer Arbeitsdatei erstellt haben.
Insbesondere bei der Verwendung von Design-Vorlagen, die oft für Bilder mit höherer Auflösung oder spezifischen Abmessungen konzipiert sind, stellt „Speichern unter…“ sicher, dass Ihre Bilder nahtlos passen und scharf dargestellt werden. Sie übergeben der Vorlage eine Datei, die in Bezug auf ihre Pixelinformationen dem Original am nächsten kommt.
Auch wenn die mit „Speichern unter…“ bei höchster Qualität erzeugten Dateien zunächst größer sein mögen als die mit „Für Web speichern“ erzeugten, gibt es dennoch Möglichkeiten zur Optimierung. Die Dateigröße eines Bildes für das Web hängt primär von den Pixelabmessungen und dem Komprimierungsgrad ab, nicht von der (für Bildschirme irrelevanten) DPI-Zahl. Sie können die Dateigröße immer noch reduzieren, indem Sie die Pixelabmessungen des Bildes vor dem Speichern anpassen (z.B. auf die maximale Breite, die auf Ihrer Website benötigt wird) und/oder bei JPEG eine leicht reduzierte (aber immer noch hohe) Qualitätseinstellung wählen, die visuell kaum einen Unterschied macht, aber die Dateigröße deutlich verringert.
JPEG vs. PNG bei „Speichern unter…“
Die Wahl zwischen JPEG und PNG hängt vom Inhalt Ihres Bildes ab:
- JPEG: Ideal für Fotografien und Bilder mit vielen Farbabstufungen und weichen Übergängen. JPEG ist ein verlustbehaftetes Format, was bedeutet, dass bei der Komprimierung Informationen verloren gehen, aber es erzielt sehr kleine Dateigrößen für Fotos. Bei „Speichern unter…“ können Sie den Komprimierungsgrad (Qualität) präzise einstellen. Für das Web wird oft eine Qualitätsstufe zwischen 70% und 90% empfohlen, je nach Bedarf an Dateigröße und visueller Qualität.
- PNG: Ideal für Grafiken, Logos, Bilder mit scharfen Kanten, Text oder Bereichen mit einheitlicher Farbe. PNG ist ein verlustfreies Format (oder kann verlustfrei komprimiert werden), was bedeutet, dass keine Bildinformationen verloren gehen. Der größte Vorteil von PNG für das Web ist die Unterstützung von Transparenz (Alpha-Kanal), was für viele Web-Layouts unerlässlich ist. PNG-Dateien sind tendenziell größer als JPEGs desselben Bildinhalts, aber für Grafiken oft die beste Wahl.
Die Funktion „Speichern unter…“ gibt Ihnen die Flexibilität, das für Ihren Inhalt und Ihre Anforderungen passende Format mit der gewünschten Qualität zu wählen, ohne eine automatische, potenziell qualitätsmindernde Auflösungsänderung hinnehmen zu müssen.
Vergleich der Ansätze
| Merkmal | „Für Web speichern“ | „Speichern unter…“ |
|---|---|---|
| Auflösung (DPI) | Automatisch auf 72 DPI reduziert | Behält die ursprüngliche Auflösung bei |
| Bildqualität | Potenzieller Verlust durch automatische Optimierung/Kompression | Höchste Qualität wählbar, volle Kontrolle |
| Dateigröße | Oft sehr klein durch aggressive Optimierung | Größer bei höchster Qualität, aber durch Einstellungen steuerbar |
| Kontrolle über Einstellungen | Begrenzt | Vollständig (Qualität, Formatoptionen) |
| Eignung für Design-Vorlagen | Kann Probleme verursachen (Qualität, Passform) | Bessere Kompatibilität durch höhere Qualität/ursprüngliche Pixelmaße |
| Transparenz (PNG) | Unterstützt | Unterstützt |
Wie die Tabelle zeigt, bietet „Speichern unter…“ eine überlegene Kontrolle und die Möglichkeit, eine höhere Qualität beizubehalten, was es zur besseren Wahl für professionelle Anwendungen und die Verwendung mit Design-Vorlagen macht. Die automatische Reduzierung auf 72 DPI bei „Für Web speichern“ mag in der Vergangenheit für langsame Internetverbindungen und einfache Websites relevant gewesen sein, ist aber heutzutage oft ein unnötiger Kompromiss bei der Bildqualität.
Häufig gestellte Fragen
Ist 72 DPI immer schlecht für das Web?
Nein, die Zahl 72 DPI selbst ist für die Darstellung auf Bildschirmen nicht direkt relevant. Entscheidend sind die Pixelabmessungen (z.B. 1920x1080 Pixel) und die Dateigröße. Das Problem bei „Für Web speichern“ ist nicht die Zahl 72 DPI an sich, sondern dass diese Funktion oft *automatisch* die Bilddaten so optimiert oder komprimiert, dass das Ergebnis eine geringere Qualität aufweist. Ein Bild mit ausreichenden Pixelabmessungen und hoher Qualität, das mit „Speichern unter…“ exportiert wurde, wird auf einem Bildschirm scharf dargestellt, unabhängig davon, welche DPI-Zahl in den Metadaten steht (die für Bildschirme ignoriert wird).
Warum ist Dateigröße wichtig für das Web?
Die Dateigröße beeinflusst maßgeblich die Ladezeit einer Webseite. Große Dateien verlangsamen das Laden, was zu einer schlechten Nutzererfahrung führt, die Absprungrate erhöht und sich negativ auf das Suchmaschinenranking auswirken kann. Auch wenn „Speichern unter…“ bei höchster Qualität größere Dateien erzeugt als „Für Web speichern“, können Sie die Dateigröße durch Anpassen der Pixelabmessungen und der Kompression (bei JPEG) optimieren, ohne die automatische Qualitätsminderung von „Für Web speichern“ in Kauf nehmen zu müssen. Das Ziel ist eine gute Balance: ausreichend Qualität für eine scharfe Darstellung bei akzeptabler Dateigröße für schnelle Ladezeiten.
Wie optimiere ich die Dateigröße, wenn ich „Speichern unter…“ verwende?
Es gibt zwei Hauptmethoden: Erstens, passen Sie die Pixelabmessungen Ihres Bildes an die maximale Größe an, die es auf Ihrer Website haben wird. Ein Bild, das maximal 800 Pixel breit dargestellt wird, muss nicht als 6000 Pixel breite Datei hochgeladen werden. Reduzieren Sie die Bildgröße (Bild > Bildgröße) vor dem Speichern. Zweitens, nutzen Sie die Qualitätseinstellungen beim Speichern als JPEG. Eine Qualitätsstufe von 80% oder 90% liefert oft eine exzellente visuelle Qualität bei deutlich reduzierter Dateigröße im Vergleich zu 100%. Bei PNG können Sie die Komprimierungsstufe wählen, aber da PNG verlustfrei ist, sind die Einsparungen geringer als bei JPEG.
Sollte ich immer die höchste Qualität bei „Speichern unter…“ wählen?
Nicht unbedingt 100% bei JPEG. Oft ist eine Qualität von 80% oder 90% visuell nicht von 100% zu unterscheiden, führt aber zu einer signifikanten Reduzierung der Dateigröße. Experimentieren Sie, um die beste Balance für Ihre Bedürfnisse zu finden. Bei PNG gibt es weniger Spielraum bei der Qualität, da es verlustfrei ist; hier geht es eher um die Wahl zwischen PNG-8 und PNG-24 (für Transparenz und mehr Farben).
Fazit
Basierend auf der Funktionsweise und den potenziellen Nachteilen der automatischen 72-DPI-Reduzierung ist die Funktion „Für Web speichern“ in Photoshop für moderne Webanforderungen und die Nutzung mit Design-Vorlagen oft nicht die optimale Wahl. Sie opfert unnötigerweise Bild Qualität zugunsten einer Dateigrößenreduzierung, die auch mit anderen Methoden erreicht werden kann.
Die Funktion „Speichern unter…“ bietet Ihnen die notwendige Kontrolle, um Ihre Bilder als JPEG oder PNG mit der gewünschten Qualität und den passenden Pixelabmessungen zu exportieren. Dies stellt sicher, dass Ihre Bilder auf allen Geräten und in allen Kontexten (einschließlich Design-Vorlagen) bestmöglich aussehen. Während „Für Web speichern“ seine Berechtigung in sehr spezifischen Nischen haben mag, ist „Speichern unter…“ der flexiblere und qualitätsorientiertere Ansatz für die meisten Web-Anwendungen im Bereich der Fotografie und des Designs.
Hat dich der Artikel Photoshop: "Für Web speichern" – Warum nicht? interessiert? Schau auch in die Kategorie Bildbearbeitung rein – dort findest du mehr ähnliche Inhalte!