Grafik für das Web – Grundlagen

Werbung

Grafik ist nicht gleich Grafik. Wer für das Web arbeitet, muss spezielle Dinge berücksichtigen. Die Kunst der Webgrafik besteht darin, qualitativ hochwertige Grafiken bei geringen Ladezeiten zu entwerfen.

Die Monitor-Auflösung
Die Monitorauflösung gibt an, aus wie vielen horizontalen und vertikalen Pixel sich das Monitorbild zusammensetzt. Zu Beginn des Web-Zeitalters waren das 640*480 Pixel. Mit modernen Grafikkarten und Monitoren lassen sich Grafiken mit bis zu 2000 Pixel Breite darstellen.

Grafiktypen
Zwei Grafiktypen werden für das Web genutzt: Bitmap-Grafiken (GIF und JPG) und Vektorgrafiken (Flash).

Bitmap-Grafiken
Bitmap-Grafiken setzten sich aus einzelnen Pixeln zusammen. Diese lassen sich sichtbar machen, wenn eine Grafik erheblich vergrößert wird. Von einer Pixelgrafik spricht man dann, wenn die Pixel durch die spezielle Art der Gestaltung sichbar gemaacht werden.


Vergrößerte Darstellung einer aus Bildpunkten
zusammengesetzten Grafik

Vektorgrafiken
Im Gegensatz zu Bitmap-Grafiken besteht eine Vektorgrafik nicht aus einzelnen Bildpunkten sondern aus einer (farbigen) Fläche, welche durch Ausdehnung in die entsprechende Größe skaliert (ausgedehnt) werden kann. Vektorgrafiken gibt es schon lange, doch erst mit Aufkommen der Shockwave/Flash-Technologie sind sie im Internet richtig populär geworden. Flash-Seiten leben praktisch von Vektorgrafiken. Sie werden in mathematischen Werten (Vektoren) angegeben, dadurch sind ihre Dateien kleiner, als die optisch gleichgroßen Bitmap-Grafiken.

Weitere Beiträge:

Über Gastautor

DrWeb.de ist die "Grande Dame" des deutschen Bloggings und seit nunmehr 14 Jahren im Internet aktiv. Das beliebte Magazin richtet sich dabei an Webworker, Selbstständige, IT-Entscheider, Seitenbetreiber sowie Marketing-Verantwortliche und bietet einen Überblick im undurchdringlichen Dschungel zahlreicher "Geld verdienen im Internet" Konzepte. Werden Sie jetzt Gastautor und profitieren Sie von der großen Reichweite und den Markennamen DrWeb.de.

, , , , ,

Noch keine Kommentare vorhanden!

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free