Microsoft Office Online
Für Mein Office Online (Was ist das?) registrieren | Anmelden

Warnung: Sie haben diese Webseite mit einem nicht unterstützten Browser geöffnet. Diese Webseite wird am besten angezeigt, wenn Sie Microsoft Internet Explorer 6.0 oder höher, Firefox 1.5 oder Netscape Navigator 6.0 oder höher verwenden. Hier finden Sie weitere Informationen über unterstützte Browser.

DruckversionDruckversion Lesezeichen und FreigabeFreigabe
Optimieren von Grafiken für Websites
 
Übersicht

Eine Grafik kann tausend Wörter ersetzen, doch soll sie deshalb 10 Sekunden Downloadzeit beanspruchen? Diese Frage sollten Sie beantworten, ehe Sie Grafiken in Ihr mit Microsoft FrontPage® gestaltetes Web stellen. Webgrafiken liegen mittlerweile fast nur noch als JPG- oder GIF-Dateien vor. Ihre Entscheidung für einen Dateityp wirkt sich entscheidend auf die Größe der Grafik aus. In Wählen eines Dateiformats für Webgrafiken erhalten Sie weitere Informationen.

Verwenden Sie kleine Grafikdateien

Am einfachsten können Sie die Größe einer Grafikdatei reduzieren, indem Sie die Grafik selbst klein halten.

Sie können die Größe einer Grafik reduzieren, indem Sie sie in FrontPage zuschneiden, d. h. die horizontalen bzw. vertikalen Ränder der Grafik verschieben, um nicht benötigte Elemente zu entfernen.

  1. Klicken Sie in der Seitenansicht von FrontPage 2000 auf der Registerkarte Normal (FrontPage 98: Registerkarte Standard im FrontPage Editor) auf die Grafik.
  2. Klicken Sie in FrontPage 2000 auf der Symbolleiste Bilder (FrontPage 98: Symbolleiste Bild im FrontPage Editor) auf Zuschneiden.
  3. Verschieben Sie die Ziehpunkte, bis die Grafik Ihren Vorstellungen entspricht.
  4. Klicken Sie im Menü Datei auf Speichern.

Eine weitere Möglichkeit, die Größe einer Grafik zu reduzieren, besteht im Verändern der Proportionen.

  1. Klicken Sie in der Seitenansicht von FrontPage 2000 auf der Registerkarte Normal (FrontPage 98: Registerkarte Standard im FrontPage Editor) auf die Grafik.
  2. Ziehen Sie zum Verkleinern der Grafik einen der Eckziehpunkte nach innen.
  3. Klicken Sie zum Reduzieren der Dateigröße in FrontPage 2000 auf der Symbolleiste Bilder (FrontPage 98: Bild im FrontPage Editor) auf Neu festlegen. Wenn Sie diesen Schritt auslassen, bleibt die Dateigröße unverändert.
  4. Klicken Sie im Menü Datei auf Speichern.

Als Faustregel sollten Grafiken nie größer sein, als sie in einer Website angezeigt werden. Wenn Sie beispielsweise eine Grafik mit einer Größe von 800 x 400 Pixel erstellen, sollten Sie sie nicht mit 200 x 100 Pixel anzeigen. Auch wenn die Grafik kleiner dargestellt wird, entspricht der Download der vollen Größe der Grafik, und der Browser reduziert die Anzeigegröße.

Reduzieren der Größe von JPG-Dateien

Das Dateiformat JPEG ist für Grafiken in Fotoqualität und von hoher Farbtiefe am besten geeignet. JPG-Dateien lassen sich erheblich komprimieren, ohne dass nennenswerte Qualitätseinbußen entstehen. Dennoch ist die Komprimierung von JPEG-Grafiken verlustintensiv, d. h. einige der Daten der Grafiken gehen während des Komprimierungsvorganges verloren. Somit leidet die Bildqualität um so mehr, je höher der Komprimierungsgrad ist.

Auf den folgenden Abbildungen sehen Sie eine unkomprimierte Fotografie aus Microsoft PhotoDraw und komprimierte Versionen derselben Fotografie mit Angaben zu Dateigröße und Downloadzeit bei einer Verbindungsgeschwindigkeit von 28,8 Kbit/s.

Originalbild vor Komprimierung
Originalfoto (200 x 161 Pixel): 10 KB, 12 Sekunden
Bild, um 20% komprimiert
Bei einer Komprimierung von 20%: 8 KB, 5 Sekunden
Bild, um 70% komprimiert
Bei einer Komprimierung von 70%: 6 KB, 2 Sekunden
Bild, um 90% komprimiert
Bei einer Komprimierung von 90%: 3 KB, 1 Sekunde

Wie Sie sehen, ist die Datei bei einer Komprimierung von 20% weniger als halb so groß wie die ursprüngliche Datei, und die Downloadzeit ist um mehr als die Hälfte reduziert. Bei einer Komprimierung von 70% ist trotz erheblich reduzierter Downloadzeit noch immer keine merkbare Verschlechterung der Bildqualität zu verzeichnen. Bei einer Komprimierung von 90% wird eine Farbverschiebung erkennbar, und obwohl die Datei bei einer Komprimierung von 70% halb so groß ist, verringert sich die Downloadzeit um nur eine Sekunde. Eine Komprimierung um 90% erbringt keinerlei Vorteile.

Sowohl der Assistent für "Speichern zur Verwendung in" von Microsoft PhotoDraw als auch der Assistent für das Web von Microsoft Image Composer ermöglichen die Live-Vorschau von Grafiken. In dieser Art von Vorschau werden verschiedene Komprimierungsgrade und Downloadzeiten für benutzerdefinierte Verbindungsgeschwindigkeiten angezeigt. Mit Hilfe der Vorschau lässt sich ein optimales Verhältnis zwischen Downloadzeit und Bildqualität ermitteln.

Reduzieren der Größe von GIF-Dateien

Das Dateiformat GIF ist am besten für Grafiken mit einer begrenzten Farbtiefe geeignet, die aus Zeilen oder Text bestehen. Dateien im GIF-Format lassen sich relativ schnell downloaden, da ihre Farbtiefe von üblicherweise 256 Farben den Einstellungen auf den meisten Computern entspricht. Wird eine Grafik vom JPEG- in das GIF-Format konvertiert, gehen Farbinformationen verloren.

Im GIF-Format werden Farben in horizontalen Zeilen gespeichert. Bereiche mit Volltonfarben weisen den höchsten Komprimierungsgrad auf. Bei horizontal angeordneten Farben ergeben sich kleinere Dateien und beschleunigte Downloads. Beispielsweise ist eine Datei mit zwei horizontalen Farbstreifen weniger als halb so groß wie eine Datei mit zwei vertikalen Farbstreifen.

In den folgenden Abbildungen ist dieselbe Grafik einmal horizontal und einmal vertikal dargestellt.

Grafik, horizontale Ausrichtung
Dateigröße: 6 KB.
Grafik, vertikale Ausrichtung
Dateigröße: 9 KB.

Rotieren von Grafiken in Front Page:

  1. Klicken Sie in der Seitenansicht von FrontPage 2000 auf der Registerkarte Normal (FrontPage 98: Registerkarte Standard im FrontPage Editor) auf die Grafik.
  2. Klicken Sie in FrontPage 2000 erst auf die Symbolleiste Bilder (Symbolleiste Bild in FrontPage-Editor in FrontPage 98), dann auf Linksdrehung, Rechtsdrehung, Horizontal kippen (Umkehren in FrontPage 98) oder Vertikal kippen (Kippen in FrontPage 98).

Wenn Sie eine Grafik im GIF-Format speichern, haben Sie in den meisten Programmen die Möglichkeit, sie mit Zeilensprung zu speichern. Beim Einfügen von Zeilensprüngen handelt es sich um eine Technik zur Anzeige von Dateien in horizontalen, rolladenartig angeordneten Segmenten. Das Einbauen von Zeilensprüngen hat den Vorteil, dass Grafiken bei einer geringen Auflösung in kurzer Zeit aufgebaut werden und sich anschließend in der eigentlichen Auflösung entfalten. Dateien mit Zeilensprung sind in der Regel größer als zeilensprungfreie Dateien.

Viele Grafikprogramme ermöglichen das Komprimieren von GIF-Dateien per LZW-Komprimierung. Das Komprimieren von JPG-Dateien ist im Gegensatz zu dem von GIF-Dateien verlustfrei. Dies bedeutet, dass während des Komprimierungsvorganges keine Daten verloren gehen und sich somit die Bildqualität nicht verschlechtert.

Tipps

Berücksichtigen Sie beim Optimieren von Grafiken die folgenden Tipps:

  • Erstellen Sie immer zuerst eine Kopie Ihres Originals.
  • Komprimieren Sie niemals Dateien, die schon komprimiert worden sind. Wenn Sie beispielsweise eine 100-KB-Grafik auf 20 KB komprimieren möchten, ist das Ergebnis bei einer direkten Komprimierung von 100 KB auf 20 KB besser, als wenn Sie erst auf 50 KB und dann auf 20 KB komprimieren.
  • Wenn Sie eine umfangreiche Grafik verwenden möchten, ziehen Sie das Erstellen einer zur Grafik führenden Miniaturansicht in Betracht. Verwenden Sie in FrontPage 2000 die Schaltfläche AutoMiniaturansicht auf der Symbolleiste Bilder (FrontPage 98: Befehl AutoMiniaturansicht im Menü Extras im FrontPage Editor), um die Miniaturansicht sowie einen Hyperlink zur Grafik in ihrer eigentlichen Größe zu erstellen.
  • Verwenden Sie nur so viele Farben, wie Ihre Zielgruppe anzeigen kann. Wenn Ihre Zielgruppe nur 8-Bit-Farbwerte anzeigen kann, verwenden Sie maximal 256 Farben.
© 2009 Microsoft Corporation. Alle Rechte vorbehalten.