Graphiken: Unterschied zwischen den Versionen
| Zeile 1: | Zeile 1: | ||
'''Ein Bild sagt mehr als 1000 Worte''' | '''Ein Bild sagt mehr als 1000 Worte''' | ||
| − | + | Wenn Graphiken, Icons, Fotos und Bilder unkommentiert verwendet werden, können leicht falsch interpretiert werden, da sie vom Nutzer subjektiv betrachtet werden. Graphiken auf einer Webseite sollten nur der Unterstützung der Aussage benutzt werden, und nicht ohne Grund erscheinen. Leicht werden zuviele Grphiken verwendet, die eher verwirren, als zur Veranschaulichung der Inhalte zu dienen. | |
| − | + | ||
| − | + | Ebenso wie auf zuviele Bilder sollte auch weitestgehend auf Animationen, also bewegte und animierte Bilder, verzichtet werden. Im Internet gibt es das Phänomen der "Banner-Blindness", das bedeutet, dass Nutzer automatisch die 'blinkenden Bildchen' als Werbebanner wahrnehmen, und ihnen keinerlei Beachtung schenken. | |
| − | + | ||
| − | + | Bei der Verwendung der Graphiken sollten außerdem technische Aspekte beachtet werden, die der [[Webdesign#Usability - Benutzbarkeit|Usability]] und der [[Webdesign#Accessibilty - Zugänglichkeit|Accessibilty]] hinderlich werden können. | |
| − | + | So ist es dringend notwendig, Größe und Format der verwendeten Graphiken anzupassen. | |
| + | |||
| + | Unkomprimierte, zu große Bilder verlangsamen die Ladezeiten erheblich. Bedenkt man, dass die Mehrheit der Internetnutzer noch mit einem [http://de.wikipedia.org/wiki/Modem#Telefonmodems Telefonmodem] online sind, dessen Downloadgeschwindigkeit nur sehr gering ist, so sollte man die Größe von Bildern und anderen Graphiken idealerweise auf etwa 50 KB beschränken, um einen schnellen Download zu gewährleisten. | ||
| + | |||
| + | Zusätzlich gilt es, beim Bearbeiten der Bilder auf Qualitätsverlust achten. Dieser entsteht, wenn die Bilder zu sehr komprimiert werden, was von verschiedenen [[Bilder und Graphiken im Web#Grafikformate|Formaten der Graphiken]] abhängig ist. Das Format JPG/JPEG zum Beispiel wird vor allem für die Komprimierung von Fotografien angewendet. Es hat die Eigenschaft, ähnliche Farbbereiche zusammenzufassen, je nach Komprimierungsgrad hat das einen starken Mosaikeffekt, der fehlerhaft wirkt, wie man an diesem Beipiel sieht. | ||
{| border="0" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" align="center" width="100%" | {| border="0" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" align="center" width="100%" | ||
|[[Bild:Pido_good.jpg|framed|middle|Bild mit minimalen Artefakten - Format: JPG, Größe: 12 KB]] | |[[Bild:Pido_good.jpg|framed|middle|Bild mit minimalen Artefakten - Format: JPG, Größe: 12 KB]] | ||
| Zeile 12: | Zeile 16: | ||
Format: JPG, Größe: 5 KB]] | Format: JPG, Größe: 5 KB]] | ||
|} | |} | ||
| + | Man sollte versuchen, Graphiken möglichst ohne offensichtliche Artefakte in eine Webseite einzubinden. | ||
| + | |||
---- | ---- | ||
Version vom 8. März 2005, 12:12 Uhr
Ein Bild sagt mehr als 1000 Worte
Wenn Graphiken, Icons, Fotos und Bilder unkommentiert verwendet werden, können leicht falsch interpretiert werden, da sie vom Nutzer subjektiv betrachtet werden. Graphiken auf einer Webseite sollten nur der Unterstützung der Aussage benutzt werden, und nicht ohne Grund erscheinen. Leicht werden zuviele Grphiken verwendet, die eher verwirren, als zur Veranschaulichung der Inhalte zu dienen.
Ebenso wie auf zuviele Bilder sollte auch weitestgehend auf Animationen, also bewegte und animierte Bilder, verzichtet werden. Im Internet gibt es das Phänomen der "Banner-Blindness", das bedeutet, dass Nutzer automatisch die 'blinkenden Bildchen' als Werbebanner wahrnehmen, und ihnen keinerlei Beachtung schenken.
Bei der Verwendung der Graphiken sollten außerdem technische Aspekte beachtet werden, die der Usability und der Accessibilty hinderlich werden können. So ist es dringend notwendig, Größe und Format der verwendeten Graphiken anzupassen.
Unkomprimierte, zu große Bilder verlangsamen die Ladezeiten erheblich. Bedenkt man, dass die Mehrheit der Internetnutzer noch mit einem Telefonmodem online sind, dessen Downloadgeschwindigkeit nur sehr gering ist, so sollte man die Größe von Bildern und anderen Graphiken idealerweise auf etwa 50 KB beschränken, um einen schnellen Download zu gewährleisten.
Zusätzlich gilt es, beim Bearbeiten der Bilder auf Qualitätsverlust achten. Dieser entsteht, wenn die Bilder zu sehr komprimiert werden, was von verschiedenen Formaten der Graphiken abhängig ist. Das Format JPG/JPEG zum Beispiel wird vor allem für die Komprimierung von Fotografien angewendet. Es hat die Eigenschaft, ähnliche Farbbereiche zusammenzufassen, je nach Komprimierungsgrad hat das einen starken Mosaikeffekt, der fehlerhaft wirkt, wie man an diesem Beipiel sieht.
 Bild mit minimalen Artefakten - Format: JPG, Größe: 12 KB |
 Bild mit offensichtlichen Artefakten - Format: JPG, Größe: 5 KB |
Man sollte versuchen, Graphiken möglichst ohne offensichtliche Artefakte in eine Webseite einzubinden.
Zurück zum übergeordneten Thema Webdesign
Für ausführlichere Informationen zum Thema Graphiken, besuchen Sie bitte die folgende Ausarbeitung des Themas Bilder und Graphiken im Web
