Als Grafikdesigner oder Webdesigner werden Sie möglicherweise aufgefordert, webfähige Bilder bereitzustellen, z. B. Fotos für eine Website oder Bannerwerbung. Mit dem Photoshop Save for Web-Tool können Sie JPEG-Dateien auf einfache Weise für das Web vorbereiten und so den Kompromiss zwischen Dateigröße und Bildqualität unterstützen.
In diesem Lernprogramm speichern Sie JPEG-Bilder. Das Tool "Für Web speichern" dient auch zum Speichern von GIF-, PNG- und BMP-Dateien.
Was macht eine Grafik webfähig?
Die meisten webfähigen Grafiken weisen gemeinsame Merkmale auf:
- Die Auflösung beträgt 72 dpi.
- Der Farbmodus ist RGB.
- Dateien werden in der Größe reduziert, um Webseiten schneller laden zu können.
Bild öffnen
Öffnen Sie zum Üben mit dem Werkzeug "Für Web speichern" ein Bild in Photoshop.
Klicken Datei> ÖffnenSuchen Sie auf Ihrem Computer nach dem Bild und klicken Sie auf Öffnen. Für Übungszwecke funktioniert ein Foto gut, obwohl jede Art von Bild geeignet ist.
Verkleinern Sie das Foto auf eine kleine Größe, die Sie auf einer Website verwenden können. Klicken Sie dazu auf Bild> BildgrößeGeben Sie im Feld Breite eine neue Breite ein und wählen SiePixel. Geben Sie in diesem Fall 400 Pixel ein und klicken Sie auf OK.
Öffnen Sie das Save for Web Tool
Angenommen, jemand hat Sie gebeten, ein Foto mit einer Breite von 400 Pixel zu liefern, das auf einer Website veröffentlicht werden kann.
Klicken Datei > Speichern Sie für Web die öffnen Speichern Sie für Web Dialogbox. (In späteren Versionen von Photoshop lautet der Pfad Datei > Export > Speichern Sie für Web.)
Durchsuchen Sie die verschiedenen Einstellungen und Tools im Fenster.
03 von 07Richten Sie den Vergleich ein
An der Spitze der Speichern Sie für Web Fenster sind eine Reihe von Registerkarten Original, Optimiert, 2-Up, und 4-Up. Wenn Sie auf diese Registerkarten klicken, können Sie zwischen einer Ansicht Ihres Originalfotos, Ihrem optimierten Foto mit den für Web speichern festgelegten Einstellungen oder einem Vergleich von zwei oder vier Versionen Ihres Fotos wechseln.
Wählen 2-Up Vergleichen Sie das Originalfoto mit dem optimierten Foto, indem Sie nebeneinander liegende Kopien des Bildes anzeigen.
04 von 07Legen Sie die Originalvorschau fest
Klicken Sie auf das Foto auf der linken Seite, um es auszuwählen. Wählen Original von dem Voreinstellung Menü auf der rechten Seite des Speichern Sie für Web Fenster (falls noch nicht ausgewählt). Dadurch wird auf der linken Seite eine Vorschau des ursprünglichen, unbearbeiteten Fotos angezeigt.
05 von 07Stellen Sie die optimierte Vorschau ein
Klicken Sie auf das Foto auf der rechten Seite, um es auszuwählen. Wählen JPEG High von dem Voreinstellung Speisekarte. Sie können jetzt das optimierte Foto auf der rechten Seite, das Ihre endgültige Datei ist, mit dem Original auf der linken Seite vergleichen.
06 von 07Bearbeiten Sie die JPEG-Qualität
Die wichtigste Einstellung in der rechten Spalte ist die Qualität Wert. Wenn Sie die Qualität verringern, wirkt Ihr Bild etwas unübersichtlicher, die Dateigröße nimmt jedoch ab und kleinere Dateien bedeuten, dass Webseiten schneller geladen werden.
Ändern Sie die Qualität in 0 Beachten Sie den Unterschied zwischen den Fotos links und rechts sowie die kleinere Dateigröße, die sich unterhalb des Fotos befindet.
Ziel ist es, ein glückliches Medium zwischen Dateigröße und Qualität zu finden. Eine Qualität zwischen 40 und 60 ist normalerweise ein guter Bereich, abhängig von Ihren Anforderungen. Verwenden Sie die voreingestellten Qualitätsstufen (JPEG Mediumum Zeit zu sparen.
07 von 07Speichern Sie Ihr Bild
Wenn Sie mit dem Foto auf der rechten Seite zufrieden sind, klicken Sie auf sparen Taste. Das Speichern optimiert als Fenster öffnet sich. Geben Sie einen Dateinamen ein, navigieren Sie zum gewünschten Ordner auf Ihrem Computer und klicken Sie auf sparen. Sie haben jetzt ein optimiertes, webfähiges Foto.
