Bild für Webseite exportieren in Photoshop

Die Geschwindigkeit einer Webseite ist extremst wichtig. Die Bilder die du verwendest, können dabei einen sehr grossen Unterschied machen. Die Grössen sollten immer so klein wie möglich, aber ohne Qualitätsverluste gespeichert werden. Glücklicherweise bietet uns Photoshop genau diese Funktion.

1. Gehe zu “File” und klicke auf “Export”
2. Wähle nun “Safe for web”
3. In dem neuen Fenster kannst du nun alle Einstellungen tätigen (mehr Infos findest du unten)

Welches Format sollte ich wählen?

GIF: Das Standardformat für einfache Web-Animationen.
JPEG: Benütze dieses leichte Format für Bilder ohne einen transparenten Hintergrund.
PNG-8: Vereinfachtes PNG mit nur beschränkter Anzahl Farben (nicht empfohlen).
PNG-24: Für Bilder mit Transparenz solltest du dieses Format verwenden.

Ich empfehle wenn immer möglich JPEG zu verwenden. Dies ist das leichteste Format und zusätzlich dazu kann manuell die Qualität beeinflusst werden. Versuche es bei den Qualitätseinstellungen wenn möglich mit “Medium” oder “High”.

Welche Auflösung benötige ich?

Das ist schwierig zu sagen und unterscheidet sich von Webseite zu Webseite. Versuche herauszufinden (oder zu erraten), was die gröstmögliche Grösse ist, die das Bild auf der Webseite einnehmen kann. Bei einem Bild über die ganze Breite empfehle ich oft eine Bildlänge von 1920px.

Viel Glück!