Speichern Photoshop Bilder als JPEG für Web und mobile Geräte

Das Speichern von Dateien für das Web oder mobile Geräte in Photoshop Creative Suite 5 erzeugt eine kleinere Version des Bildes, so dass es schnell geladen werden. Die Idee ist, das Bild so klein wie möglich zu machen, während es optisch ansprechend zu halten.

JPEG (Joint Photographic Experts Group) ist das beste Format für Halbtonbilder - diejenigen mit glatten Übergänge von einer Farbe zur anderen, wie in Fotografien.

Das JPEG-Format ist verlustbehaftete (es verliert Daten, wenn die Datei in diesem Format komprimiert ist), so dass Sie nicht eine JPEG speichern soll und dann öffnen, bearbeiten und wieder als JPEG speichern. Da die JPEG-Komprimierung Daten verursacht verloren werden, wird das Bild schließlich aussehen, wie es auf einem Papiertuch gedruckt wurde.

Speichern Sie eine Kopie der Datei als JPEG, das Originalbild im PSD-Format zu halten, wenn Sie das Bild bearbeiten müssen später, öffnen Sie die ursprüngliche PSD, machen Sie die Änderungen, die PSD speichern und dann eine Kopie der bearbeiteten Datei als Abwehr JPEG.

Das JPEG-Format tut nichtFörderung der Transparenz, aber Sie können das System ein wenig durch die Verwendung Matten betrügen.

Ein gutes Bild im JPEG-Format zu speichern ist eine typische Fotografie oder Illustration mit vielen glatten Übergänge von einer Farbe zur nächsten. Um ein Bild als JPEG speichern, gehen Sie folgendermaßen vor:

1. Wählen Sie Datei-Speichern für Web Die Geräte und klicken Sie dann auf die 2-Up Registerkarte das Originalbild (links) zur gleichen Zeit wie das optimierte Bild (rechts) zu sehen.

2. Wählen Sie eines der JPEG-Voreinstellungen aus der Einstellungen der Dropdown-Liste.

   Sie können Niedrig, Mittel oder Hoch wählen oder eine Ebene zwischen den Voreinstellungen anpassen, indem Sie den Schieberegler Qualität verwenden.

3. Lassen Sie das optimierte Kontrollkästchen ausgewählt, um die beste JPEG bei der kleinsten Größe zu bauen.

   Das einzige Problem, mit dem Verlassen dieser Kontrollkästchen aktiviert ist, dass einige sehr alte Browser das JPEG nicht korrekt gelesen (wahrscheinlich nicht ein Problem für die meisten Zuschauer).

4. Lassen Sie das Farbprofil einbetten Kontrollkästchen deaktiviert, wenn Sie in einem Farbmanagement-Workflow sind und die Farbgenauigkeit ist von wesentlicher Bedeutung.

   Überprüfen Sie dieses Feld erhöht drastisch die Dateigröße und die meisten Menschen sind nicht auf der Suche nach dem genauen Farbübereinstimmungen von einem Bild auf dem Monitor.

5. Wenn Sie die Dateigröße noch kleiner zu haben, verwenden Sie den Blur Schieber einige Details zu Fall zu bringen.

   Eine JPEG, die genau die gleichen Pixelabmessungen wie der andere hat, kann in der Dateigröße in Abhängigkeit von der Höhe der Details im Bild variieren. So wird ein Bild von vielen Äpfel größer sein als ein Bild von der gleichen Größe mit vielen klaren blauen Himmel. Der Blur-Funktion verwischt das Bild (Überraschung!), So dass Sie kann es eine niedrige Quellbild in Dreamweaver für nur verwenden möchten.

6. (Optional) Wählen Sie eine Hintergrundfarbe aus der Matte Dropdown-Liste.

   Da JPEG unterstützt keine Transparenz, können Sie den transparenten Bereich mit einer Farbe überfluten Sie von der Matte Dropdown-Liste wählen. Wählen Sie die Farbe, die Sie für den Hintergrund Ihrer Webseite mit von anderen wählen und die hexadezimale Farbe im unteren Bereich des Color Picker eingeben.

7. Klicken Sie auf Speichern.