Übersicht

Fast alle Grafiken im Internet weisen entweder das Format JPEG (Joint Photographic Experts Group) oder GIF (Graphics Interchange Format) auf. Andere Dateiformate wie PNG (Portable Network Graphics) sind zwar auch möglich, doch um sicherzustellen, dass eine Grafik in möglichst vielen Browsern angezeigt werden kann, ist JPEG oder GIF vorzuziehen.

Verwenden des Dateiformats JPEG

JPG-Dateien bieten sich an für:

• Fotografien
• naturgetreue Bilder
• Bilder mit Millionen von Farben.
• eine Vielzahl von Details, wie etwa auf Fotos von Häusern in Immobilien-Websites
• besonders große Bilder

Verwenden des Dateiformats GIF

GIF-Dateien bieten sich an für:

• Bilder mit transparenten Teilbereichen
• eine begrenzte Anzahl von maximal 256 Farben
• Farben in gesonderten Bereichen
• Schwarzweißbilder
• kleine Grafiken, z. B. Schaltflächen in Websites
• Bilder, bei denen Schärfe und deutliche Umrisse von besonderer Wichtigkeit sind, z. B. Strichzeichnungen oder Cartoons
• Grafiken, die Text enthalten
• Animationen

Ihr Publikum

Bei der Entscheidung für einen Dateityp ist es von Vorteil zu wissen, wer die Grafik sehen wird. Fragen, die Sie sich diesbezüglich stellen sollten, sind u. a.:

• Wird die Grafik von internationalem Publikum betrachtet? Treffen Sie die nötigen Vorkehrungen, damit alle etwaigen Benutzer die Grafik deutlich erkennen können. Normalerweise bedeutet dies, dass nur 256 Farben verwendet werden, so dass die Darstellung auch für Computer mit einer Farbtiefeneinstellung von 8 Bit brauchbar ist. Bedenken Sie immer, dass GIF-Dateien nur maximal 256 Farben darstellen können.
• Wird die Grafik in das Intranet eines Unternehmens gestellt? Wenn Sie wissen, dass jeder Mitarbeiter Ihres Unternehmens über einen schnellen Computer verfügt, auf dem True-Color-Farbeinstellungen möglich sind, können Sie mit einem Farbspektrum von mehreren Millionen arbeiten. Ermitteln Sie die minimalen Systemanforderungen für die Computer in Ihrem Intranet. Bedenken Sie dabei, dass JPG-Dateien Millionen von Farben darstellen können.
• Besteht Ihr Publikum aus Fachleuten? Handelt es sich bei Ihrer Grafik um ein Diagramm, das für Softwareentwickler oder ein ähnlich technisch ausgerichtetes Publikum vorgesehen ist, ermitteln Sie zunächst, welche Bildschirmauflösung hier hauptsächlich verwendet wird. Viele Techniker arbeiten mit hohen Auflösungen, z. B. 1024 x 768. Bei höheren Auflösungen können Grafiken u. U. kleiner dargestellt werden als bei niedrigeren Auflösungen. Denken Sie immer daran, dass Ränder, Striche und Einzelelemente in GIF-Dateien weitaus deutlicher zu erkennen sind als in JPG-Dateien.

Berücksichtigen Sie die Gesamtdateigröße Ihrer Webseite

Trotz verschiedener Meinungen empfehlen viele Entwickler von Webseiten für Webseiten durchschnittlichen Inhalts eine Gesamtdateigröße von 40 bis 60 KB, jedoch maximal 75 KB. Microsoft FrontPage® bietet Ihnen Tools, mit denen Sie sowohl die Gesamtdateigröße als auch die Ladegeschwindigkeit einzelner Webseiten festlegen können. Im allgemeinen sind JPG-Dateien kleiner als GIF-Dateien desselben Inhalts.

Wenn Ihre Webseite auf ein Grafikprodukt oder andere grafikintensive Inhalte abzielt, haben Sie mit Miniaturansichten die Möglichkeit, umfangreiche Grafikdateien bei Gewährleistung schneller Ladezeiten verfügbar zu machen. Solche Miniaturansichten können in Form von Schaltflächen vorliegen, die der Leser durch Anklicken als Grafiken in Vollbildgröße anzeigen lassen kann. FrontPage 98 und FrontPage 2000 enthalten das Tool AutoMiniaturansicht, mit dem Sie Grafiken aller Art mühelos in Miniaturansichten umwandeln können.

Welchen Zweck erfüllt die Grafik?

Der erste Schritt bei der Auswahl einer Grafik ist die Bestimmung ihres Zwecks. Grafiken in Websites können folgende Funktionen haben:

• Illustrative Grafiken Diese Grafiken dokumentieren eine Textaussage oder stellen einen Sachverhalt dar. Beispiele für illustrative Grafiken sind Fotos von Häusern in Immobiliensites, Zeichnungen in kommerziellen Sites und Cartoons in Comic-Sites. Verwenden Sie für Fotos JPG-Dateien und für Zeichnungen GIF-Dateien.
• Hintergrundbilder Diese Grafiken werden oft zur Darstellung von Texturen hinter dem Text einer Webseite verwendet. Sie können aus einem Firmenlogo in vervielfachter Darstellung, Farbkompositionen oder anderen abstrakten Bildern bestehen. Seitenhintergründe sind häufig teilweise transparent. Nur GIF-Dateien können diese Transparenz darstellen.
• Navigationsgrafiken Diese Grafiken können in Form von Schaltflächen, Navigationsleisten oder anderen Hilfsmitteln vorliegen, mit denen Leser sich in einer Site von Seite zu Seite bewegen. In der Regel sind sie klein und in sich geschlossen. Verwenden Sie GIF-Dateien, es sei denn, bei den Grafiken handelt es sich um Fotos.
• Werbegrafiken Diese Grafiken werden häufig auf Webseiten eingeblendet, meist über dem Banner auf einer Seite. Werbegrafiken zeigen oft wechselnde Produkte an, während ein Leser auf die entsprechende Site zugreift. Verwenden Sie die kleinstmöglichen Grafiken. Bedenken Sie immer, dass das JPEG-Format die kleinsten Dateigrößen ermöglicht.
• Animationen Bewegte Bilder haben eine optische Magnetwirkung. Alles, was nicht stillsteht, zieht die Blicke des Benutzers auf sich. Verwenden Sie Animationen, um einen Sachverhalt wiederzugeben, der sich mit Worten nur umständlich ausdrücken lässt, oder für die Darstellung wechselnder Zustände. Als Faustregel empfiehlt es sich, pro Seite nie mehr als ein Element bewegt darzustellen.

Der Verwendungszweck einer Grafik wirkt sich auch auf deren Größe, Dateiformat, Format, Stil und Darstellung aus. Fragen Sie sich, bevor Sie mit dem Erstellen einer Grafik beginnen, ob Ihre Site dadurch hinzugewinnt. Lautet die Antwort nein, verzichten Sie auf sie.

Alternativen zu Grafiken

Das Ziel, durch den Einsatz einer Grafik die Aufmerksamkeit des Lesers zu gewinnen, ist auch mit Mitteln erreichbar, die weit weniger Speicherplatz und Ladezeit beanspruchen. In der folgenden Liste werden einige Alternativen zu Grafiken genannt.

• Erwägen Sie die Verwendung einer Volltonfarbe, die mit der Farbe des Textes auf der Seite harmoniert, anstelle von Hintergrundbildern für Webseiten.
• Erwägen Sie die blockweise Verwendung von Spotfarben in bestimmten Seitenbereichen, um die Aufmerksamkeit auf einzelne Textblöcke zu lenken oder Informationen zusammenzufassen.
• Erwägen Sie, in Tabellenzellen unterschiedliche Farben einzusetzen, um Informationen zusammenzufassen oder bestimmte Informationen hervorzuheben.