Speichern von Photoshop-Bildern als JPEG für Web- und mobile Geräte - Dummies

Durch das Speichern von Dateien für das Web oder mobile Geräte in Photoshop Creative Suite 5 wird eine kleinere Version Ihres Bilds erstellt. wird schnell geladen. Die Idee besteht darin, das Bild so klein wie möglich zu machen und es visuell ansprechend zu halten.

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

Das JPEG-Format ist verlustbehaftet ( es verliert Daten, wenn die Datei in diesem Format komprimiert ist), daher sollten Sie kein JPEG speichern und es dann öffnen, bearbeiten und speichern wieder als JPEG. Da die JPEG-Komprimierung dazu führt, dass Daten verloren gehen, wird Ihr Bild schließlich so aussehen, als wäre es auf einem Papiertuch gedruckt worden.

Speichern Sie eine Kopie der Datei als JPEG, wobei das Originalbild im PSD-Format erhalten bleibt, wenn Sie das Bild später bearbeiten müssen, die Original-PSD öffnen, Ihre Änderungen vornehmen, die PSD speichern und dann Speichern Sie eine Kopie der bearbeiteten Datei als JPEG.

Das JPEG-Format unterstützt nicht die Transparenz, aber Sie können das System mit der Mattierung ein wenig betrügen.

Ein gutes Bild, das im JPEG-Format gespeichert werden kann, ist ein typisches Foto oder eine Abbildung mit vielen fließenden Übergängen von einer Farbe zur nächsten. Gehen Sie folgendermaßen vor, um ein Bild als JPEG zu speichern:

1. Wählen Sie Datei → Für Web und Geräte speichern und klicken Sie dann auf die Registerkarte 2-fach, um das Originalbild (links) gleichzeitig mit dem optimierten Bild (rechts) anzuzeigen…

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

   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 Kontrollkästchen Optimiert aktiviert, um das beste JPEG mit der kleinsten Größe zu erstellen.

   Das einzige Problem beim Verlassen dieses Kontrollkästchens ist, dass einige sehr alte Browser das JPEG nicht richtig lesen (wahrscheinlich kein Problem für die meisten Viewer).

4. Lassen Sie das Kontrollkästchen "Farbprofil einbetten" deaktiviert, sofern Sie sich nicht in einem Workflow mit Farbmanagement befinden und die Farbgenauigkeit wesentlich ist.

   Durch Aktivieren dieses Kontrollkästchens wird die Dateigröße drastisch erhöht, und die meisten Benutzer suchen nicht nach genauen Farbübereinstimmungen von einem Bild auf dem Monitor.

5. Wenn Sie die Dateigröße noch kleiner machen müssen, verwenden Sie den Schieberegler "Weichzeichnen", um einige Details hervorzuheben.

   Ein JPEG mit genau den gleichen Pixeldimensionen wie ein anderes kann je nach der Detailstufe im Bild in der Dateigröße variieren. So wird ein Bild von vielen Äpfeln größer sein als ein Bild der gleichen Größe mit viel klarem blauem Himmel.Die Unschärfe-Funktion verwischt das Bild (Überraschung!), Daher sollten Sie es nur für ein niedriges Quellbild in Dreamweaver verwenden.

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

   Da JPEG keine Transparenz unterstützt, können Sie den transparenten Bereich mit einer Farbe überfluten, die Sie aus der Dropdown-Liste "Matte" auswählen. Wählen Sie die Farbe, die Sie für den Hintergrund Ihrer Webseite verwenden möchten, indem Sie "Andere" auswählen und die hexadezimale Farbe im unteren Bereich der Farbauswahl eingeben.

7. Klicken Sie auf Speichern.