So speichern Sie Bilder für das Web in Photoshop

Eine der kritischeren Funktionen, die Photoshop bietet, ist die Funktion Speichern für Web / Geräte .

Warum es benutzen? Während Sie Ihre Datei einfach in einer Standardmethode wie Datei / Speichern unter speichern können , macht die Funktion Speichern für Web / Geräte drei wichtige Dinge.

Dieses Tool eignet sich hervorragend für die Ausgabe von Twitter-Icons, Facebook-Profilbildern, Produktdateien, Blog-Bildern und Quelldateien für Favicons.

  • 01 - Öffnen Sie Ihre Quelldatei

    Datei / Öffnen Sie Photoshop. Screenshot von Bryan Haines

    Um zu beginnen, müssen Sie zu Datei / Öffnen gehen , um Ihre Datei zu öffnen. Es kann in jedem Format sein - jpg, gif, psd, png oder andere. Solange Photoshop es öffnen kann, können Sie es für das Web ausgeben.

  • 02 - Speichern Sie Ihre Datei für das Web

    Datei Speichern Sie Photoshop CS5. Screenshot von Bryan Haines

    Wir gehen weiter zum Speichern für das Web, vorausgesetzt, Sie haben die erforderlichen Anpassungen vorgenommen. Wenn Sie das Bild bearbeiten müssen, müssen Sie dies zunächst tun und später mit diesem Schritt fortfahren.

    Gehen Sie zu Datei / Speichern für Web / Geräte und klicken Sie auf. Es ist etwa in der Mitte des Dropdown-Menüs.

    Dieser Prozess ändert Ihre ursprüngliche Datei überhaupt nicht. Sie erstellen eine neue Datei. Sobald Sie dieses Tutorial abgeschlossen und zu Ihrem ursprünglichen Bild in Photoshop zurückgekehrt sind, müssen Sie diese Datei speichern, wenn Sie Änderungen daran vorgenommen haben. Es ist wichtig, dass Sie Ihr neues Bild anders als das Original benennen. Das einfache Hinzufügen von _web zum Dateinamen funktioniert gut. (Beispiel: filename_web.jpg)

  • 03 - Passen Sie die Vergleichsansicht an 2-Up an

    Seite an Seite Vergleich Photoshop CS5. Screenshot von Bryan Haines

    Abhängig von Ihren Einstellungen müssen Sie möglicherweise die Ansicht hier anpassen. Was Sie wollen, ist ein linker und rechter Vergleich Ihres Bildes. Auf der linken Seite wird das Original angezeigt, auf der rechten Seite wird die Bildqualität bei den aktuellen Einstellungen angezeigt.

    Wenn Sie am oberen Rand des Fensters nachsehen, werden die folgenden Optionen angezeigt: Original, Optimiert, 2-fach, 4-fach. Für die meisten Zwecke ist 2-Up, was Sie wollen.

  • 04 - Stellen Sie Ihre Ansichtsgröße auf 100% ein

    Anpassen der Ansicht in Photoshop CS5 auf 100%. Screenshot von Bryan Haines

    Um sicherzustellen, dass Sie 100% sehen, aktivieren Sie die Option in der unteren linken Ecke des Bildschirms.

    Es ist wichtig, daran zu denken, dass, wenn Sie Ihr Bild mehr als 100% sehen, es körnig oder möglicherweise sogar unentzifferbar aussehen wird. Arbeiten Sie immer mit dem Bild bei 100%.

  • 05 - Wählen Sie Dateigröße

    Auswählen von Dateiabmessungen in Photoshop CS5. Screenshot von Bryan Haines

    Dimensionen für das Web sind fast immer in Pixel (px). Es ist wichtig, die Proportionen korrekt zu halten. Neben der Bildbox befindet sich ein kleines Bild eines Kettenglieds. Was das tut, ist die Breite zu skalieren, wenn Sie die Höhe anpassen. Zum Beispiel ein Bild mit 600 x 400 Pixel. Wenn Sie die Breite auf 300 Pixel reduzieren, wird die Datei automatisch auf eine Höhe von 200 Pixel skaliert. Wenn es nicht markiert ist, wird das Bild verzerrt.

    Sie haben auch die Möglichkeit, das Bild nach Prozenten zu skalieren.

  • 06 - Wählen Sie den Dateityp für den Export

    Wählen Sie den Dateityp für den Export in Photoshop CS5. Screenshot von Bryan Haines

    In dieser Option spielt der Typ der Originaldatei keine Rolle. Sie können wählen, welche Datei Sie benötigen.

    Hinweis: Um den Prozess zu starten, müssen Sie auf das Bild rechts klicken. Das Bild muss ausgewählt werden, um verarbeitet zu werden.

    Am gebräuchlichsten ist jpg für das Web - es ist das kleinste Dateiformat, was bedeutet, dass es schneller für Ihre Website-Besucher heruntergeladen wird. Wenn Sie Transparenz haben, wählen Sie png-24. Wenn Sie nicht wissen, was Transparenz bedeutet, sollten Sie jpg wählen.

  • 07 - Wählen Sie Bildqualität

    Wählen Sie Bildqualität in Photoshop CS5. Screenshot von Bryan Haines

    Jede der drei jpg-Optionen (Hoch, Mittel, Niedrig) hat voreingestellte Qualitätseinstellungen - die alle manuell eingestellt werden können. Wenn Sie 100% sehen, können Sie entscheiden, welche Qualität Sie benötigen. Informationen zum Anpassen der Zoomstufe finden Sie in Schritt 5. Das Bild wird online genauso aussehen wie im Vorschaufenster.

    Wenn Sie etwas anderes als jpg gewählt haben, können Sie diesen Schritt überspringen.

  • 08 - Speichern Sie Ihre Datei

    Speichern Sie Ihre Datei in Photoshop CS5. Screenshot von Bryan Haines

    Sobald Sie die notwendigen Anpassungen vorgenommen haben, können Sie die Datei speichern. Klicken Sie auf "Speichern" und wählen Sie den gewünschten Ordner und Dateinamen für dieses neue Bild.

    Herzliche Glückwünsche! Ihre neue Datei kann online verwendet werden.