So verwenden Sie das Photoshop-Tool zum Speichern für Web

click fraud protection

Grafikdesigner, Webdesigner und andere, die Inhalte für das Web erstellen, erstellen auch webfähige Bilder wie Fotos für Websites und Bannerwerbung. Vor dem Hochladen dieser Bilder werden die Bilder so optimiert, dass sie schnell heruntergeladen und in einem Webbrowser angezeigt werden können.

Das Werkzeug „Für Web speichern“ in Photoshop ist eine einfache Möglichkeit zur Vorbereitung JPEG-Dateien für das Netz. Dieses Tool speichert auch GIF-, PNG- und BMP-Dateien. So verwenden Sie das Tool Save for Web, um das richtige Gleichgewicht zwischen Bildqualität und Dateigröße für Ihre Bilder zu erzielen.

Die Anweisungen in diesem Artikel gelten für Photoshop 5.5 und höher. Befehle und Menüoptionen können sich je nach Version unterscheiden.

Was macht eine Grafik webfähig?

Die meisten webfähigen Grafiken haben gemeinsame Merkmale:

  • Auflösung ist 72 dpi.
  • Der Farbmodus ist RGB.
  • Dateien werden verkleinert, um Webseiten schneller zu laden.

So speichern Sie für das Web in Photoshop

Für das Web speichern ist kein Tool wie das

Festzelt, Bewegen, oder Magnetisches Lasso. Es ist eine Möglichkeit, eine Rohdatei in ein Format zu exportieren, das andere Benutzer problemlos verwenden können. So verwenden Sie es, um Bilder zu optimieren.

  1. Öffnen Sie das Bild, das Sie in Photoshop speichern möchten.

  2. Auswählen Bild Bildgröße. Oder drücken Sie Alt/Wahl+Befehl+I auf der Tastatur.

    Ein in Photoshop geöffnetes Bild mit hervorgehobener Menüoption Bildgröße
  3. In dem Breite Feld, geben Sie eine neue Breite ein, wählen Sie Pixel, dann wähle OK.

    Ändern Sie die Größe des Fotos auf eine kleine Größe, die auf einer Website verwendet werden kann.

    Das Dialogfeld Bildgröße in Photoshop mit dem Breitenfenster und der hervorgehobenen Schaltfläche OK
  4. Auswählen Datei > Für Web und Geräte speichern. Oder verwenden Sie die Tastenkombination: Alt/Wahl+Befehl+Umschalt+S.

    In anderen Photoshop-Versionen lautet der Pfad Datei > Export > Für das Web speichern. Das Element kann Save for Web oder Save for Web and Devices heißen.

    Ein in Photoshop geöffnetes Bild mit markiertem Menüelement Für Web und Geräte speichern
  5. In dem Für das Web speichern Fenster, geh zum Original, Optimiert, 2-Up, und 4-Up Registerkarten. 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 2-Up um das Originalfoto mit dem optimierten Foto zu vergleichen. Dies zeigt nebeneinander liegende Kopien des Bildes.

    Das Fenster „Für Web und Geräte speichern“ in Photoshop mit der hervorgehobenen Option „2Up“
  6. Ändere das Qualität Wert. Wenn Sie die Qualität verringern, sieht das Bild verschwommener aus und die Dateigröße nimmt ab. Kleinere Dateien bedeuten schnelleres Laden von Webseiten.

    Finden Sie ein glückliches Mittel 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.

    Fenster „Für Web und Geräte speichern“ in Photoshop mit hervorgehobenem Qualitätsschieberegler und Voreinstellungen
  7. Ändern Sie bei Bedarf den Dateityp in JPEG, GIF, PNG-8, PNG-24 oder WBMP.

    Menü „Bildtyp“ im Fenster „Für Web speichern“ von Photoshop
  8. Ändern Sie bei Bedarf die Größe des Bildes. Geben Sie eine Breite oder Höhe ein oder skalieren Sie sie prozentual.

    Drücke den sperren Symbol, um die Proportionen des Bildes zu ändern. Geben Sie andernfalls eine andere Breite oder Höhe ein, um den anderen Wert proportional zu ändern.

    Fenster „Für Web und Geräte speichern“ in Photoshop mit hervorgehobenen Bereichen „Bildgröße“ und „Prozent“
  9. Die Werte unter der Bildvorschau zeigen den Dateityp, die Größe und die Zeit an, die das Bild zum Öffnen auf einer Website benötigt. Diese Zahlen werden aktualisiert, wenn Sie Änderungen vornehmen.

    Photoshops Fenster „Für Web und Geräte speichern“ mit hervorgehobener Bildgröße und -typanzeige
  10. Wenn Sie mit dem Foto zufrieden sind, wählen Sie Speichern.

    Fenster „Für Web und Geräte speichern“ in Photoshop mit hervorgehobener Schaltfläche „Speichern“
  11. Gib einen Namen für das Foto ein und klicke dann auf Speichern.

    Dialogfeld „Speichern unter“ in Photoshop mit hervorgehobener Schaltfläche „Speichern“