Umgang mit Bilddaten

Bilder sind ein wichtiges Darstellungs-Mittel für die Website. Zu einem guten Webdesign gehört auch ein spezifisches Bild-Konzept, dass neben der informativen besonders auch die emotionale Qualität einer Website bestimmen kann.

Autor: Dr. Frank Hoffmann, SNTL Publishing, 08.04.2004

Bei der Auswahl der passenden Bildern sind verschiedene Aspekte zu berücksichtigen:

Inhaltlich: didaktische Qualität, Verständlichkeit
Technisch: Auswahl des Kompressionsverfahren (GIF vs. JPG), Bildgröße, Grau/Farbwertumfang, Kontraste
Gestaltung: Farblichkeit, Strichmodalitäten, Typografie, Layoutpassung, Ausschnitt
Rechtskonformität: Heilmittelwerbegesetz, Wettbewerbsrecht, Urheberrecht

Screenshot aus einer Animation

Um mit Bildern die richtigen Akzente zu setzen eignen sich sog. Anreisser (Teaser), die an repräsentativ einer bestimmten Stelle auf der Seite erscheinen; das Basismodell von ZMS clinical sieht ein derartiges Contentmodell vor.
Im eigentlichen Textstrom sollten Bilder in einem ausgewogenen Verhältnis zum Text erscheinen. ZMS clinical bietet hierfür die entsprechende Arbeitsvorlage, durch die es dem Anwender leicht gemacht wird, eine gute Gestaltung dauerhaft aufrecht zu erhalten. Im ZMS clinical Training bekommt der Anwender daher folgende Lernziele vermittelt:

Für große, komplexe Bilder sollte man ein kleine Vorschau anlegen und beide Bildvarianten (low-/high-resolution) ins System laden; ZMS erzeugt automatisch einen Lupen-Link für die Vorschau. Alternativ zu den typischen Grafikdaten, kann die hochauflösende Varianten auch aus den Originaldaten bestehen (Excel, PDF etc.)
Grafiken (Strichzeichnungen, Illustrationen) mit hohem Anteil homogener Farbflächen werden üblicherweise im verlustfreien GIF-Format abgespeichert.
Fotos dagegen lassen sich in der Regel nur unter Qualitäts-Verlust komprimieren; das JPG-Format erlaubt die fließende Adjustierung des Qualitätsniveaus; der (Bild-) Redakteur bestimmt dabei per Augenschein, auf welchen Kompressionsniveau der beste Kompromiss zwischen Bildqualität und Dateigröße erreicht ist.
In Zusammenhang mit der Dateigröße sollte sich der Bildausschnitt auf die wesentlichen Bildinhalte konzentrieren.
Nutzung der korrekten Positionierungsoptionen für Bild und dessen Legende
Für die Verwertung der Inhalte im Druck ist es vorteilhaft, stets auch eine drucktaugliche Bildvariante (high-resolution) mit im System abzuspeichern.