Öffne ein Bild und wähle „Datei“ > „Für Web speichern“.
Zuletzt aktualisiert am
17. Mai 2022
GIF-Format
Das GIF-Format verwendet 8-Bit-Farbe und komprimiert Farbflächen effizient, wobei scharfe Details in Strichgrafiken, Logos oder Text erhalten bleiben. Darüber hinaus kannst du im GIF-Format animierte Bilder erstellen und Transparenz in Bildern beibehalten. GIF wird von den meisten Browsern unterstützt.
Das GIF-Format verwendet LZW-Komprimierung, eine verlustfreie („lossless“) Komprimierungsmethode. Da GIF-Dateien allerdings auf 256 Farben begrenzt sind, kann die Optimierung eines 24-Bit-Originalbilds als 8-Bit-GIF-Datei zum Verlust von Farbdaten führen.
Du kannst die Zahl der Farben im GIF-Bild wählen und das Dithering der Farben im Browser steuern. Das GIF-Format unterstützt Hintergrundtransparenz und -farbe, wobei die Bildkanten an den Hintergrund einer Webseite angeglichen werden.
PNG-8-Format
Das PNG-8-Format verwendet 8-Bit-Farbe. Wie das GIF-Format komprimiert auch das PNG-8-Format Farbflächen auf effiziente Weise und erhält dabei scharfe Details in Strichgrafiken, Logos oder Text.
Da PNG-8 nicht von allen Browsern unterstützt wird, solltest du dieses Format nicht verwenden, wenn du das Bild einem breiten Publikum zugänglich machen möchtest.
Beim PNG-8-Format werden komplexere Komprimierungsschemata als bei GIF-Dateien verwendet. Die Dateien können daher je nach den Farbmustern des Bildes 10 % bis 30 % kleiner sein als GIF-Dateien desselben Bildes. Obwohl PNG-8 eine Methode zur Lossless-Komprimierung, also verlustfrei ist, kann die Optimierung eines 8-Bit-Originalbilds als 24-Bit-PNG-Datei zum Verlust von Farbinformationen führen.
Anmerkung
Vor allem bei Bildern mit wenigen Farben und einfachen Mustern kann durch GIF-Komprimierung eine kleinere Datei erstellt werden als durch PNG-8-Komprimierung. Zeige optimierte Bilder im GIF- und PNG-8-Format an, um die Dateigröße zu vergleichen.
Wie beim GIF-Format kannst du die Zahl der Farben im Bild wählen und das Dithering der Farben im Browser steuern. Das PNG-8-Format unterstützt Hintergrundtransparenz und Hintergrundfarbe, wobei du die Bildkanten an die Hintergrundfarbe einer Webseite angleichst.
Optimieren von Bildern im GIF- oder PNG-8-Format
GIF ist das Standardformat für das Komprimieren von Bildern mit großen Farbflächen und scharfen Details in Strichgrafiken, Logos oder Text. Wie das GIF-Format unterstützt auch PNG-8 Transparenz und komprimiert Farbflächen, wobei Details erhalten bleiben. Nicht alle Webbrowser können jedoch PNG-8-Dateien anzeigen.
Wähle „GIF“ oder „PNG-8“ als Optimierungsformat.
Aktiviere die Option „Interlaced“, um ein Bild während des Ladens im Browser in niedriger Auflösung anzuzeigen. Bei dieser Methode erscheint die Ladezeit kürzer und die Besuchenden deiner Website sehen, dass tatsächlich ein Ladevorgang stattfindet.
Wähle unter dem Menü für das Optimierungsformat einen Farbreduzierungsalgorithmus zum Erstellen der Farbtabelle:
Perzeptiv
Erstellt eine eigene Farbtabelle, indem Farben, auf die das menschliche Auge sensibler reagiert, Priorität erhalten.
Selektiv
Erstellt eine der perzeptiven Farbtabelle ähnliche Farbtabelle, wobei jedoch breite Farbbereiche und die Erhaltung von Webfarben Vorrang haben. Aus dieser Farbtabelle werden normalerweise Bilder mit der höchsten Farbintegrität erzeugt. („Selektiv“ ist die Standardoption.)
Adaptiv
Erstellt eine eigene Farbtabelle durch Aufnehmen von Farben aus dem Spektrum, das im Bild am häufigsten vorkommt. Für ein Bild, das z. B. nur Grün- und Blauschattierungen enthält, wird eine Tabelle erstellt, die hauptsächlich aus Grün- und Blautönen besteht. Bei den meisten Bildern sind Farben in bestimmten Bereichen des Spektrums konzentriert.
Restriktiv (Web)
Verwendet die Standardtabelle mit 216 websicheren Farben, die für die 8-Bit-Paletten (256 Farben) von Windows und Mac OS gültig ist. Durch diese Option wird sichergestellt, dass beim Anzeigen des Bildes mit 8-Bit-Farbe kein Browser-Dithering auf Farben angewendet wird. Enthält dein Bild weniger als 216 Farben, werden nicht verwendete Farben aus der Tabelle entfernt.
Wähle zum Einstellen der maximalen Anzahl von Farben eine Zahl aus dem Menü „Farben“ des Farbbedienfelds, gib einen Wert in das Textfeld ein oder ändere die Zahl der Farben mit den Pfeilen. Enthält das Bild weniger Farben als das Bedienfeld, so spiegelt die Farbtabelle nur die kleinere Anzahl der Farben im Bild wider.
Wenn du als Farbreduzierungsalgorithmus „Restriktiv (Web)“ einstellst, kannst du aus dem Menü „Farben“ die Option „Auto“ wählen. Wähle „Auto“, wenn die optimale Anzahl der Farben in der Farbtabelle von Photoshop Elements auf der Grundlage der Farbhäufigkeit im Bild bestimmt werden soll.
Wähle einen Dither-Prozentwert, indem du einen Wert im Textfeld „Dither“ eingibst oder indem du auf den Pfeil an dem Feld klickst und den daraufhin eingeblendeten Regler ziehst.
Wenn das Bild Transparenz enthält, aktiviere „Transparenz“, um transparente Pixel zu erhalten. Deaktiviere die Option, wenn vollständig und teilweise transparente Pixel mit der Hintergrundfarbe gefüllt werden sollen.
Wenn du eine animierte GIF-Datei erstellen möchtest, aktiviere „Animieren“.
Wenn du das optimierte Bild speichern möchtest, klicke auf „OK“. Gib im Dialogfeld „Optimierte Version speichern unter“ einen Dateinamen ein und klicke auf „Speichern“.
Erstellen einer animierten GIF-Datei
Platziere die Bilder, die in den Frames der Animation angezeigt werden sollen, auf separaten Ebenen des Ebenenbedienfelds. Wenn du z. B. die Animation eines zwinkernden Auges erstellen möchtest, lege ein Bild des geöffneten Auges auf einer Ebene ab, ein Bild des geschlossenen Auges auf einer anderen.
Wähle „Datei“ > „Für Web speichern“.
Anmerkung
Befinden sich mehrere Ebenen im Bild, kannst du das Dialogfeld „Für Web speichern“ auch über das Dialogfeld „Speichern unter“ öffnen. Wähle dazu das Format „CompuServe GIF“ und aktiviere „Ebenen als Frames“.
Optimiere das Bild im GIF-Format.
Aktiviere „Animieren“.
Lege im Abschnitt „Animation“ des Dialogfelds weitere Optionen fest:
Wiederholungsoptionen
Wiederhole die Animation in einer Schleife in einem Webbrowser oder animiere nur einmal. Du kannst auch „Andere“ wählen, um die Anzahl der Schleifen für die Animation festzulegen.
Frameverzögerung
Legt die Zahl der Sekunden fest, für die jeder Frame im Webbrowser angezeigt wird. Sekundenbruchteile kannst du durch Dezimalwerte angeben, z. B. 0,5 für eine halbe Sekunde.
Einfaches Bearbeiten und Teilen von Bildern mit Photoshop Elements
Kombiniere Fotos, tausche Farben aus und entferne beliebige Elemente mit KI-gestützten Tools.
