Einfache und nützliche Tipps für den "Selbstvollender" - Teil 2

Präsentation von Bildern und Grafiken auf Websites

Die Präsentation von Bildern und Grafiken auf Websites ist eine der wesentlichen Aufgaben eines Webmasters bzw. eines Web-Publishers oder Online-Redakteurs. Stets muss dabei ein Kompromiss zwischen der Dateigröße und der Auflösung gefunden werden, die der durch Breite und Höhe definierten Bildgröße entspricht.

Unbedingt sollte es der Webmaster vermeiden, ein mehrere MB großes Bild im Browser nur durch Verkleinerung der Werte beim width- und height-Attribut des image-Tags herunter zu skalieren, ohne die Dateigröße des Bildes selbst zu reduzieren. Zudem ist zu beachten, dass ein zu klein dimensioniertes Bild an Aussagekraft verlieren und ein zu groß dimensioniertes Bild das Layout einer Website durch schiere "Übergröße" zerstören kann.

Hatten Digitalkameras der ersten Generation noch eine Maximalauflösung von 1 bis 2 MB, so leisten heutige Digitalkameras leicht das Mehrfache. Da sich parallel dazu auch die Speicherkapazitäten den immer größeren Auflösungen angepasst haben, wundert es nicht, dass eine moderne Digitalkamera ab Werk Bilder mit einer Größe von z.B. 3456x2592 Pixel (dies entspricht einer Auflösung von ca. 9 MB) aufnimmt. Durch Verwendung des JPEG-Formats kann man ein derartiges Bild mit etwa 4 MB (auch abhängig von der Zahl der vorhandenen Farben) auf einem Datenträger abspeichern.

An einen eMail-Versand derartig großer Bilder - auch einzeln oder zusammen mit mehreren anderen als zip-Paket - ist dann nicht mehr zu denken bzw. der Versand scheitert ganz einfach, weil die Größe der eMail oft durch den eMail-Dienstleister begrenzt ist.

Folgende Lösungen bieten sich hier an:

• Eine kleinere Auflösung, die der Benutzer im Hinblick auf den späteren Verwendungszweck der Bilder auf Websites manuell in der Digitalkamera einstellt.
   
• Die Aufbereitung und Nachbearbeitung des Bildes mit einem Bildbearbeitungsprogramm.

Denn bei einer Auflösung von 1600x1200 Pixel, was für die 1:1-Anzeige auf einer Webseite auf 17- und 19 Zoll-Monitoren noch zu groß ist, beträgt die Dateigröße weniger als 1 MB. Eine solche Aufnahme kann unter Beibehalt der Farb- und Detailinformation mit einem Bildbearbeitungsprogramm zu einem kleineren Format von z.B. 800x600 Pixel nachbearbeitet werden. Üblicherweise weisen Bilder mit dieser Auflösung im jpg-, gif- oder png-Format Dateigrößen von weit unterhalb 500 KB auf.

Je nach Bedarf kann es darüber hinaus sinnvoll sein, zusätzlich zum Bild in der "Normalgröße" ein kleines Vorschaubild (ein so genanntes "Thumbnail") mit einer Größe von z.B. 130x100 Pixel und ein extra großes "Zoom"-Bild von z.B. 1200x900 Pixel zu verwenden. Damit lassen sich dann Bildergalerien und/oder Detailvergrößerungen auf der Website darstellen.

Fortsetzung => Teil 3: Aufbereitung und Nachbearbeitung von Bildern

Fortsetzung => Teil 5: Erstellung der Thumbnails für Bildergalerien

zurück zu Teil 1: allgemeine Tipps für den Selbstvollender