Beim Vorbereiten von Bildern für das Web und andere Online-Medien müssen Sie häufig einen Kompromiss zwischen Anzeigequalität und Dateigröße des Bildes finden.

Im Dialogfeld Für Web und Geräte speichern („Datei“ > Für Web und Geräte speichern) wählen Sie Optimierungsoptionen und zeigen optimierte Grafiken in der Vorschau an.

Dialogfeld Für Web und Geräte speichern (Photoshop)

A.

Anzeigeoptionen

B.

Werkzeugbedienfeld

C.

Popup-Menü „Optimieren“

D.

Popup-Menü Farbtabelle

E.

Steuerelemente für Animationen (nur Photoshop)

F.

Zoom-Textfeld

G.

Menü zur Vorschau im Browser

H.

Originalbild

I.

Optimiertes Bild

1. Wählen Sie „Datei“ > „Für Web und Geräte speichern“.
2. Klicken Sie oben im Dialogfeld auf eine Registerkarte, um eine Anzeigeoption auszuwählen: „Optimiert“, „2fach“ oder „4fach“. Wenn Sie „4fach“ gewählt haben, klicken Sie auf die zu optimierende Vorschau.
3. (Optional) Wenn das Bild mehrere Slices enthält, wählen Sie ein oder mehrere zu optimierende Slices aus.
4. Wählen Sie im Menü „Vorgabe“ eine Optimierungseinstellung aus oder legen Sie individuelle Optimierungsoptionen fest. Je nach Dateiformat stehen unterschiedliche Optionen zur Verfügung.
   Wenn Sie auf der Registerkarte „4fach“ arbeiten, wählen Sie im Menü „Optimieren“ den Befehl „Darstellungen erneuern“, um nach dem Ändern der Optimierungseinstellungen automatisch Bildversionen mit geringerer Qualität anzuzeigen.
5. Passen Sie die Optimierungseinstellungen weiter an, bis Sie den gewünschten Kompromiss zwischen Bildqualität und Dateigröße gefunden haben. Wenn das Bild mehrere Slices enthält, optimieren Sie unbedingt alle Slices.
   Um die Originalversion einer optimierten Vorschau wiederherzustellen, wählen Sie diese aus und wählen dann die Option „Original“ im Menü „Vorgabe“.
6. Wenn Sie Bilder optimieren, in die ein anderes Farbprofil als sRGB eingebettet ist, müssen Sie die Farben der Bilder in sRGB konvertieren, bevor Sie die Bilder für die Bereitstellung im Web speichern. So wird erreicht, dass die Farben in den optimierten Bildern auch bei Anzeige in unterschiedlichen Webbrowsern immer gleich aussehen. Die Option „In sRGB konvertieren“ ist standardmäßig aktiviert.
7. (Nur Photoshop) Wählen Sie im Menü „Metadaten“, welche Metadaten mit der optimierten Datei gespeichert werden. (Wählen Sie „Datei“ > Dateiinformationen, um Dokument-Metadaten anzuzeigen oder einzugeben.) Metadaten werden vom Dateiformat JPEG vollständig und von den Dateiformaten GIF und PNG teilweise unterstützt.
   Hinweis: Die Ausgabe-Metadaten entsprechen den Standards der Metadata Working Group, sodass einige JPEG-Metadaten in den Formaten EXIF und IIM gespeichert werden statt in XMP.

   Ohne

   Es werden keine Metadaten gespeichert (mit Ausnahme des EXIF-Copyright-Vermerks in JPEG-Daten). Die erstellten Dateien sind äußerst kompakt.

   Copyright

   Speichert Copyright-Vermerk, Verwendungsbedingungen, Copyright-Status sowie die URL für Copyright-Informationen.

   Copyright und Kontaktinformationen

   Speichert sämtliche Copyright-Informationen und die folgenden Angaben: Urheber sowie dessen Titel, E-Mail-Adresse(n), Anschrift mit Ort, Bundesland/Kanton, Postleitzahl, Land, Telefonnummer(n) und Website(s).

   Alle, ausgenommen Kamerainformationen

   Speichert sämtliche Metadaten außer EXIF-Daten zu Kameraeinstellungen, wie Verschlussgeschwindigkeit, Datum und Uhrzeit, Brennweite, Belichtungskorrektur, Messungsmuster und Blitzverwendung.

   Alle

   Speichert alle Metadaten in der Datei.

8. Klicken Sie auf „Speichern“.
9. Führen Sie im Dialogfeld Optimiert-Version speichern unter einen der folgenden Schritte aus und klicken Sie anschließend auf „Speichern“:

   • Geben Sie einen Dateinamen ein und wählen Sie einen Speicherort für die Ausgabedatei(en).

   • Wählen Sie eine Formatoption, um anzugeben, welche Art von Dateien gespeichert werden soll: „HTML und Bilder“, „Nur Bilder“ oder „Nur HTML“.

   • (Optional) Legen Sie die Ausgabeeinstellungen für HTML- und Bilddateien fest.

   • Wenn Ihr Bild mehrere Slices enthält, wählen Sie im Menü „Slices“ die Option „Alle Slices“ oder „Ausgewählte Slices“.

   Um die Optimierungseinstellungen wieder auf die letzte gespeicherte Version zurückzusetzen, drücken Sie die Alt-Taste (Windows) bzw. die Wahltaste (Mac OS) und klicken Sie auf „Zurück“. Um dieselben Einstellungen beim nächsten Öffnen des Dialogfelds Für Web und Geräte speichern anzuzeigen, drücken Sie die Alt-Taste bzw. Wahltaste und klicken anschließend auf „Merken“.

   Ein Video zum Speichern von Dateien in Illustrator finden Sie unter www.adobe.com/go/vid0063_de.

1. Legen Sie die gewünschten Optimierungsoptionen fest und wählen Sie im Menü der Optimierungspalette den BefehlEinstellungen speichern.
2. Benennen Sie die Einstellungen und speichern Sie sie im entsprechenden Ordner:

   Photoshop

   (Windows XP) Dokumente und Einstellungen\[Benutzername]\Anwendungsdaten\Adobe\Adobe Photoshop CS5\Optimized Settings

   (Windows Vista) Benutzer\[Benutzername]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings

   (Mac OS) Benutzer/[Benutzername]/Library/Preferences/Adobe Photoshop CS5 Settings/Optimized Settings

   Illustrator

   (Windows XP) Dokumente und Einstellungen\[Benutzername]\Anwendungsdaten\Adobe\Adobe Illustrator CS5 Settings\[Sprache]\Save for Web Settings\Optimize

   (Windows Vista) Benutzer\[Benutzername]\AppData\Roaming\Adobe\Adobe Illustrator CS5 Settings\[Sprache]\Save for Web Settings\Optimize

   (Mac OS) Benutzer/[Benutzername]/Library/Application Support/Adobe/Adobe Illustrator CS5/[Sprache]/Save for Web Settings/Optimize

   Hinweis: Wenn Sie die Einstellungen in einem anderen Ordner speichern, sind sie im Popupmenü „Vorgabe“ nicht verfügbar.
3. Um eine Vorgabe zu löschen, wählen Sie diese im Menü „Vorgabe“ aus und klicken im Menü „Optimieren“ auf „Einstellungen löschen“.

• Um alle Slices anzuzeigen oder auszublenden, klicken Sie auf die Schaltfläche zum Umschalten der Sichtbarkeit von Slices .
• Zum Auswählen von Slices im Dialogfeld Für Web und Geräte speichern verwenden Sie das Slice-Auswahl-Werkzeug  und klicken dann auf das gewünschte Slice. Wenn Sie mehrere Slices auswählen möchten, halten Sie die Umschalttaste gedrückt und klicken Sie dann auf die gewünschten Slices oder ziehen Sie den Mauszeiger über die Slices.
  Hinweis: Nicht ausgewählte Slices werden im Dialogfeld Für Web und Geräte speichern abgeblendet dargestellt. Dies hat keine Auswirkungen auf die Farbe des resultierenden Bilds.
• Zum Anzeigen der Slice-Optionen im Dialogfeld Für Web und Geräte speichern wählen Sie das Slice-Auswahl-Werkzeug aus und doppelklicken auf ein Slice.
• Um Slices zu verknüpfen, wählen Sie mindestens zwei Slices und dann im Popupmenü „Optimieren“ die Option „Slices verknüpfen“  (rechts vom Menü „Vorgabe“). Das Verknüpfungssymbol  wird auf den verknüpften Slices angezeigt.
• Wenn die Verknüpfung eines Slice aufgehoben werden soll, wählen Sie das Slice aus und klicken Sie dann im Popup-Menü „Optimieren“ auf „Verknüpfung des Slice aufheben“.
• Wenn die Verknüpfung aller Slices im Bild aufgehoben werden soll, wählen Sie im Popup-Menü „Optimieren“ die Option „Verknüpfungen aller Slices aufheben“.

1. Wählen Sie „Datei“ > Für Web und Geräte speichern.
2. Klicken Sie oben im Dialogfeld Für Web und Geräte speichern auf eine Registerkarte, um eine Anzeigeoption auszuwählen: „Optimiert“, „2fach“ oder „4fach“. Wenn Sie „4fach“ verwenden, wählen Sie die Vorschau aus, die Sie optimieren möchten.
3. (Optional) Wählen Sie die zu optimierenden Slices und das gewünschte Dateiformat aus.
4. Wählen Sie aus dem Menü „Optimieren“ (rechts neben dem Menü „Vorgaben“) die Option „Auf Dateigröße optimieren“ aus.
5. Geben Sie die gewünschte Dateigröße ein.
6. Wählen Sie unter „Beginnen mit“ eine Option aus:

   Aktuelle Einstellungen

   Verwendet das aktuelle Dateiformat.

   GIF/JPEG automatisch wählen

   Wählt in Abhängigkeit vom Bildinhalt automatisch das optimale Format.

7. Wählen Sie unter „Verwenden“ eine Option aus, um festzulegen, ob die angegebene Dateigröße nur auf das aktuelle Slice, auf jedes Slice im Bild oder auf alle Slices angewendet werden soll. Klicken Sie auf „OK“.

1. Klicken Sie im Dialogfeld Für Web und Geräte speichern auf die Registerkarte Bildgröße.
2. Legen Sie nach Bedarf weitere Optionen fest:

   Proportionen beibehalten

   Das derzeitige Verhältnis von Höhe und Breite in Pixel wird beibehalten.

   Qualität

   (Nur Photoshop) Gibt die Interpolationsmethode an. Mit „Bikubisch schärfer“ erzielen Sie im Allgemeinen bessere Ergebnisse beim Reduzieren der Bildgröße.

   Glätten

   (Nur Illustrator) Entfernt durch Glätten Stufen aus Grafiken.

   Ganze Zeichenfläche exportieren

   (Nur Illustrator) Beschneidet die Grafik, damit sie in die Zeichenfläche der Anwendung passt. Grafiken außerhalb der Zeichenflächenbegrenzung werden gelöscht.

   Hinweis: Im Bedienfeld Bildgröße stehen für das SWF- und das SVG-Dateiformat außer der Option „Ganze Zeichenfläche exportieren“ keine Funktionen zur Verfügung.

3. Geben Sie neue Pixelwerte für die Dimension ein oder legen Sie einen Prozentsatz für die Größenänderung des Bildes fest und klicken Sie auf „Anwenden“.

1. Klicken Sie im Dialogfeld Für Web und Geräte speichern auf die Registerkarte „Ebenen“.
2. Aktivieren Sie „Als CSS-Ebenen exportieren“.
3. Wählen Sie im Popupmenü „Ebene“ eine Ebene und stellen Sie die folgenden Optionen nach Wunsch ein:

   Sichtbar

   Erstellt eine sichtbare CSS-Ebene in der resultierenden HTML-Datei.

   Ausgeblendet

   Erstellt eine nicht sichtbare CSS-Ebene in der resultierenden HTML-Datei.

   CSS-Ebenen entsprechen den Ebenen in Adobe GoLive. In Adobe GoLive können Sie eine CSS-Ebene animieren und anhand integrierter JavaScript-Aktionen interaktive Effekte erstellen.

• Um ein Bild im Standard-Web-Browser aufzurufen, klicken Sie auf die Schaltfläche „Vorschau in Standard-Browser“ unten im Dialogfeld „Für Web und Geräte speichern“.
• Um einen anderen Browser auszuwählen, klicken Sie im Popupmenü neben dem Browsersymbol auf „Andere“.
• Um einen Browser zum Popup-Menü hinzuzufügen bzw. daraus zu entfernen oder um einen dort aufgeführten Browser zu bearbeiten, wählen Sie im Popup-Menü den Eintrag „Liste bearbeiten“. Im Dialogfeld „Browser“ finden Sie alle im Computer verfügbaren Browser. Sie können angeben, welcher Browser standardmäßig zur Vorschau der Bilder verwendet werden soll.

1. Wählen Sie „Datei“ > Für Web und Geräte speichern.
2. Klicken Sie oben im Dialogfeld Für Web und Geräte speichern auf die Registerkarte „Optimiert“.
3. Wählen Sie im Menü „Vorgabe“ die Option „JPEG niedrig“.
4. Klicken Sie im Bereich Bildgröße auf das Kettensymbol rechts neben den Feldern für Breite und Höhe, um die Bildproportionen beizubehalten. Geben Sie dann eine Breite ein.

   Für E-Mails ist eine Breite von 400 Pixel geeignet. Verwenden Sie eine geringere Größe, wenn der Empfänger über eine langsame Internetverbindung verfügt.

5. Klicken Sie auf „Speichern“. Geben Sie einen Dateinamen und einen Speicherort für die Datei ein. Wählen Sie unter „Dateityp“ die Option „Nur Bilder“ aus. Klicken Sie erneut auf „Speichern“.

   Nun können Sie die Datei per E-Mail versenden. In einigen E-Mail-Programmen können Sie die Datei mit der Maus in das Nachrichtenfenster ziehen. In anderen Programmen verwenden Sie den Befehl „Anlage“ oder „Einfügen“.