Grafiken werden auch Bilder genannt.
In der Regel werden Grafiken in Pixeln dargestellt, es gibt aber auch vektorbasierte Grafiken. Mehr zu den unterschieden etwas weiter unten.
Im Internet finden sich vielerlei unterschiedliche Grafiken. So gehöt beispielsweise das Favicon dazu. Auch in Galerien vorhandene Bilder sind Grafiken, genau wie Hintergrundbilder, Logos oder Bilder als Hintergrund für Buttons. Ebenso können Grafiken in Bannern dargestellt werden um einen ersten Eindruck zu vermitteln.
Grafiken dienen verschiedensten Zwecken, je nach dem wo sie eingesetzt werden.
Das Logo ist das Markenzeichen einer Firma. Meist befindet sich der Name der Firma, oder das Erkennungszeichen in dem Logo, zu dem man Assoziationen zu der Firma oder dessen Auftritt ziehen kann.
Hintergrundbilder sind je nach dem gewünschten Aussehen nur einige Pixel groß und nehmen im Kachelverfahren ein gewisses Aussehen an. Soll es nur eine große Fläche sein, nimmt man nur die entsprechende Größe der Webseite und fügt dieses Hintergrundbild ein.
Grafiken auf Buttons sind meist genauso groß wie der zukünfige Button sein soll. Durch die Buttongrafik ist es möglich auch andere Schriftarten zu benutzen, die nicht auf den Systemen der User der Webseite gespeichert sind, da diese Schriftinformation auf der Grafik gespeichert wird. Auf diese Weise erspart man es dem User diese Schriftart erst herunterladen zu müssen und zu installieren.
Das Favicon ist eine ziemlich keine Grafik, die für manche Seiten erstellt ist.
Vektorgrafiken finden sich eher selten im Internet. Meist wird aus der vektorisierrten Grafik ein Pixelbild gemacht, dass dann online zu einem der oben genannten Grafiken genutzt wird. Der Vorteil einer Vektorgrafik ist, dass diese in der Größe frei skalierbar ist. Skalierbar bedeutet, dass man sie so groß oder klein machen kann wie man will, ohne dass sich das Aussehen verändert oder durch Neuberechnung Farbinformationen verlohren gehen, wie es bei der Skalierung von Pixelbildern der Fall ist.
Unterschiede Pixel- und Vektorgrafiken :
Bei Pixelbildern wird jeder einzelne Bildpunkt (Pixel) mit der jeweiligen Farbinformation gespeichert, während bei der Vektorgrafik nur die Schnittpunkte gespeichert werden. Farbfüllung zu anderen Schnittpunkten werden Ebenso dabei gespeichert.
Dadurch, dass bei der Pixelgrafik jeder Punkt einzeln gespeichert wird, brauch eine Pixelgrafik mehr Speicherplatz auf dem System als eine Vektorgrafik.
Außerdem kann je nach Auflösung eines Pixelbildes ein Verlust bei der Skalierung auftreten, was bei der vektorbasierten Variante nicht der Fall ist.
