Was man wissen sollte
- Öffne ein Bild in Photoshop. Wählen Sie Bild > Bildgröße. Geben Sie eine neue Breite ein und wählen Sie dann Pixels > OK.
- Auswählen Datei > Für Web und Geräte speichern. Wählen Sie die Registerkarte 2-Up, um das Originalbild und das optimierte Bild nebeneinander anzuzeigen.
- Ändern Sie den Wert Qualität und sehen Sie sich die Ergebnisse an. Nehmen Sie bei Bedarf Anpassungen an der Größe oder dem Dateityp vor. Wählen Sie Speichern und benennen Sie das neue Bild.
In diesem Artikel wird erläutert, wie Sie das Photoshop-Werkzeug „Für Web speichern“verwenden, um Bilder für die Verwendung im Web zu optimieren. Diese Informationen gelten für Photoshop 20.0.10 und höher. Befehle und Menüoptionen können sich je nach Version unterscheiden.
Speichern für das Web in Photoshop
Grafikdesigner, Webdesigner und andere, die Inh alte für das Web erstellen, erstellen auch webfähige Bilder wie Fotos für Websites und Werbebanner. Vor dem Hochladen dieser Bilder optimieren sie die Bilder für den schnellen Download und die schnelle Anzeige in einem Webbrowser.
So verwenden Sie das Werkzeug "Für Web speichern" in Photoshop, um die richtige Balance zwischen Bildqualität und Dateigröße für Ihre Bilder zu finden.
- Öffnen Sie das Bild, das Sie speichern möchten, in Photoshop.
-
Select Image > Image Size. Oder drücken Sie für PC Alt+Strg+I, für macOS drücken Sie Command+Option+I auf der Tastatur.
Image -
Geben Sie im Feld Breite eine neue Breite ein, wählen Sie Pixel und dann OK.
Ändern Sie die Größe des Fotos auf eine kleine Größe, die auf einer Website verwendet werden kann.
Image -
Auswählen Datei > Exportieren > Für Web speichern (Legacy). Oder verwenden Sie die Tastenkombination: Alt/Option+Befehl+Umsch alt+S.
In anderen Photoshop-Versionen lautet der Pfad Datei > Exportieren > Für Web speichern. Das Element kann "Für Web speichern" oder "Für Web und Geräte speichern" heißen.
Image -
Gehen Sie im Fenster Für Web speichern zu Original, Optimiert,2-Up und 4-Up Tabs. Diese Registerkarten wechseln zwischen einer Ansicht des Originalfotos, dem optimierten Foto mit den darauf angewendeten Einstellungen für „Für Web speichern“oder einem Vergleich von zwei oder vier Versionen des Fotos.
Wählen Sie 2-Up, um das Originalfoto mit dem optimierten Foto zu vergleichen. Dies zeigt Kopien des Bildes nebeneinander.
Image -
Ändern Sie den Wert Qualität. Wenn Sie die Qualität verringern, sieht das Bild matschiger aus und die Dateigröße nimmt ab. Kleinere Dateien bedeuten schnelleres Laden von Webseiten.
Finde einen guten Mittelweg zwischen Dateigröße und Qualität. Eine Qualität zwischen 40 und 60 ist ein guter Bereich. Verwenden Sie die voreingestellten Qualitätsstufen (z. B. JPEG Medium), um Zeit zu sparen.
Image -
Ändern Sie bei Bedarf den Dateityp in JPEG, GIF, PNG-8, PNG-24 oder WBMP.
Image -
Ändern Sie bei Bedarf die Größe des Bildes. Geben Sie eine Breite oder Höhe ein oder skalieren Sie sie prozentual.
Klicken Sie auf das Symbol Kettenglied, um die Proportionen des Bildes zu ändern. Geben Sie andernfalls eine andere Breite oder Höhe ein, um den anderen Wert proportional zu ändern.
Image -
Die Werte unter der Bildvorschau zeigen den Dateityp, die Größe und wie lange es dauert, bis das Bild auf einer Website geöffnet wird. Diese Zahlen werden aktualisiert, wenn Sie Änderungen vornehmen.
Image -
Wenn Sie mit dem Foto zufrieden sind, wählen Sie Speichern.
Image -
Geben Sie einen Namen für das Foto ein und klicken Sie dann auf Speichern.
Image
Was macht eine Grafik webfähig?
Die meisten webfähigen Grafiken haben gemeinsame Merkmale:
- Auflösung beträgt 72 dpi.
- Farbmodus ist RGB.
-
Dateien werden zum schnelleren Laden von Webseiten verkleinert.
