Webdesign - Webseiten planen, gestalten - Free-Hack Library

Grafiken und Bilder im Web
Diese Form der Darstellung ist z. B. auch geeignet, um Bilder von
Bildern zu zeigen (Fotos, Postkarten, Bücher, Prospekte, Zeitschriften).
Aber Vorsicht: die Erkennbarkeit kann darunter leiden.
Der Ausrichtungswinkel muss dabei mindestens so stark sein (ca.
3 Grad), dass die Drehung bzw. Perspektive deutlich als gewollt
erkannt wird, sonst sieht das Ergebnis lediglich schief aus.
Werden mehrere Motive gedreht, kann dies in Reihung geschehen:
alle Bilder im gleichen Drehwinkel oder konsequent ungleichmäßig.
Im letzten Fall muss durch Probieren ein brauchbares Gesamtarrangement
gesucht werden, da allzu schnell ungewollte und unschöne
Drehwiederholungen den Gesamteindruck stören.
Bildauflösung
Grundsätzlich gilt in der Bildbearbeitung: Größere Datenmengen
führen zu besseren Ergebnissen. Dennoch sollten Sie sich nicht mit
unnötigem Datenballast plagen und eine für Ihre Aufgabenstellung
geeignete Bildgröße und Auflösung wählen.
Bilder, die Sie für Webseiten verwenden, werden auf die Größe (in
Pixeln) heruntergerechnet, in der sie im Browser angezeigt werden
sollen. Zusätzlich werden sie entsprechend für das Web optimiert,
d. h., es wird das passende Format mit gewünschter Farbtiefe und
ggf. Transparenz ausgewählt. Während der Bearbeitung sollten
Sie jedoch mit ausreichend großen Bildern in maximaler Farbtiefe
im PNG-Format arbeiten und die webtaugliche Datenverringerung
erst als letzten Schritt ausführen.
Wesentlich höhere Qualität ist dann, wenn letztlich „nur“ Webbilder
entstehen, nicht erforderlich. Prüfen Sie jedoch, ob Sie Ihr
Bildmaterial eventuell für Printveröffentlichungen verwenden
möchten, dafür sind höhere Auflösungen (300 dpi bzw. 1200 dpi
für Strichgrafik!) notwendig. In jedem Falle sollten Sie als Erstes
eine hoch aufgelöste Originaldatei als Sicherungskopie ablegen.
Vermeiden Sie es, Bilder zu vergrößern, weil dies zu deutlicher
Verschlechterung in der Bildqualität führt.
TIPP: Haben Sie für Ihren Webentwurf eine bestimmte Bildgröße
festgelegt, sollten Sie mit dem Freistellungswerkzeug zunächst das
Bildmaterial auf Ihre gewünschten Bildproportionen reduzieren,
um die Bildwirkung im richtigen Ausschnitt beurteilen zu können
und unnötigen Datenballast abzuwerfen. Hierbei können die
Bilder zugleich auf eine mittlere Arbeitsgröße heruntergerechnet
werden.
Benutzen Sie zur Größenfestlegung von Webbildern die Einheit
„Pixel“, da sie auf Monitoren in Pixel angezeigt werden.
Gute Beschreibungen zur Änderung von Bildgröße und Auflösung
finden Sie in allen Photoshop-Büchern. Achten Sie darauf, dass im
Dialog zur Größenveränderung die Checkboxes „Proportionen
erhalten“ und „bikubische Berechnung“ angeklickt sind.
ASSETDESIGN 8
Der 72 dpi-Mythos
Auch wenn gerne davon gesprochen wird,
Bilder auf 72 dpi herunterzuskalieren, um sie
webtauglich zu machen, soll hier mit einem
Mythos aufgeräumt werden, der besagt, Monitore
hätten eine Auflösung von 72 dpi.
Die Auflösung von Monitoren kann zum einen
absolut (z. B. 1024 x 768 Pixel) und zum anderen
relativ angegeben werden. Im zweiten Fall
spricht man auch von der Pixeldichte. Diese
wird jedoch in pixel per inch (ppi) und nicht in
dots per inch (dpi) angegeben.
Vor gut 20 Jahren wurde im DTP-Bereich mit
genormten Monitoren gearbeitet, die eine relative
Auflösung von 72 ppi hatten. Diese Zeiten
sind jedoch vorbei und so hängt die relative
Auflösung der User meist von den individuellen
Einstellungen ab. Die tatsächliche Pixeldichte
lässt sich mit folgender Formel bestimmen,
wobei w die Breite und h die Höhe in Pixeln ist
und d die Bildschirmdiagonale in Zoll:
Ein 17"-Monitor mit einer absoluten Auflösung
von 1024 x 768 hat demnach eine relative
Auflösung von ca. 75,29 ppi.
Abgesehen davon ist die Angabe einer Bildauflösung
für Bilder, die am Bildschirm dargestellt
werden völlig irrelevant. Ein 100 x 100 Pixel
großes Bild wird auf einem Bildschirm 100
Pixel breit und 100 Pixel hoch sein, ganz egal,
ob Sie es mit 3, 72 oder 1200 dpi abgespeichert
haben. Dasselbe Bild würde jedoch ausgedruckt
eine jeweils unterschiedliche Größe und
Qualität besitzen. Das 3 dpi-Bild hätte eine
Größe von ca. 85 x 85 cm bei einer inakzeptablen
Qualität, das 72 dpi-Bild wäre bei mäßiger
Qualität ca. 3,5 x 3,5 cm groß, während das
1200 dpi-Bild eine sehr gute Auflösung hätte,
aber mit 2,1 x 2,1 mm winzig klein wäre.
Linktipp: http://members.ping.de/~sven/dpi.
html
275