Grafik


Zum Text der Seite

Inhalt

Das 1. Grafik-Dilemma

Die Anzeige-Größe von Grafiken hängt von der eingestellten Bildschirmauflösung und -größe ab !

Tab. 6: Bildgröße in Abhängigkeit von Auflösung und Bildschirmgröße
Monitorgröße sinnvolle Grafik-Auflösung ergibt DPI* Größe* einer
72 x 72 Pixel-Grafik
14" (11,2" * 8,4") 640 * 480 57 32,0 * 32,0 mm
15" (12" * 9") 800 * 600 66 28,0 * 28,0 mm
17" (13,6" * 10,2") 1024 * 786 75 24,4 * 24,4 mm
17" (13,6" * 10,2") TFT 1280 * 1024 97 19,0 * 19,0 mm
19" (15,2" * 11,4") 1280 * 1024 84 21,8 * 21,8 mm
21" (16,8" * 12,6") 1600 * 1200 95 19,2 * 19,2 mm
* gerundet

Ohne Informationen in der Grafik ist das Problem klein, aber z. B. mit einer 10 Punkt-Schrift im VGA-Modus werden am 21" Monitor nur noch relative 6 Punkte. Im Gegenzug aus 10 Punkten relative 16 - unnötig groß - aber lesbar!.

Beispiel: Grafik mit 10 Punkte Schrift

Tab. 7: Scheinbare Größe einer Grafik
Originalgröße der Grafik auf 15" 800x600 Pixel gleiche Garfik auf 19" 1280x1024 gleiche Garfik auf 17" 1280x1024 (TFT)
Schriftürobe auf 15Zoll Schriftprobe auf 19Zoll Schriftprobe auf 17Zoll TFT

Fazit

Immer für Textersatz sorgen !

Das 2. Grafik-Dilemma

Transparenzen und individuell eingestellte Browser-Farben können die Erkennbarkeit drastisch mindern.

In der folgenden Tabelle ist das Wort "Grafik" als Grafik gestalltet.

Tab. 8: Transparenz und Kontrast
Kombination Dokumentfarben Windows-Standard Windows invertiert
schwarz auf transparent Text undWort Grafik als transparente Graik Text undWort Grafik als transparente Graik Text undWort Grafik als transparente Graik
weiß auf transparent Text undWort Grafik als transparente Graik Text undWort Grafik als transparente Graik Text undWort Grafik als transparente Graik
dunkel auf hellblau Text undWort Grafik als Graik Text undWort Grafik als Graik Text undWort Grafik als transparente Graik

Fazit

Keine Transparenznen mit Text !


Anfang
  Seitenanfang
 Trennstrich  ...Ebenenvorherige Seite  Trennstrich  nächste SeiteFormate...

Kurs Web-Design