Bilder sind zusammen mit Textinhalten zentrale Elemente einer Webseite. Im Bereich des Grafik-Computing gibt es zwei verschiedene Arten von Formaten : Vektorgrafiken und Rasterbilder, auch Bitmaps genannt. Im Folgenden erklären wir, woraus diese beiden Varianten bestehen und welche Anwendungsbereiche sich aus ihren wesentlichen Merkmalen ergeben.

Die minimale Einheit dieses Grafikformats ist der Punkt oder das Pixel , dem ein bestimmter chromatischer Wert zugewiesen ist. Weil diese Punkte in der Computergrafik auf einem Raster oder? Raster? Verteilt sind. Im Englischen werden Bilder, die aus Pixeln bestehen, im Allgemeinen als Rasterbilder oder Bitmaps bezeichnet und durch zwei zentrale Merkmale definiert: die Anzahl der Punkte oder Pixel, aus denen sie bestehen, und die Informationen über die Farbe , die jedes Pixel enthält. Während erstere die Höhe und Breite eines Diagramms und damit seine Auflösung bestimmen, können die Farb- und Kontrastwerte für jeden Punkt individuell definiert werden.

Dies macht Bitmaps zu einem idealen Medium zum Rendern sehr detaillierter Bilder. Zu den klassischsten Beispielen gehören Fotos, die mit einer Digitalkamera aufgenommen wurden, oder Bilder, die mit einem Scanner erstellt wurden. Da sie aus einer festen Anzahl von Pixeln bestehen, hängen sowohl ihre Qualität als auch ihre Größe von der Gesamtzahl der Pixel ab. Je größer die Anzahl der Pixel ist, aus denen ein Bild besteht, desto höher ist seine Qualität (und Auflösung), desto größer ist die reproduzierbare Größe und desto mehr Speicherplatz wird benötigt. Diese gegenseitige Abhängigkeit zwischen Bildqualität und Pixelanzahl bedeutet, dass Bilder nicht ohne Qualitätsverlust skaliert werden können.

Vektorgrafiken bestehen dagegen nicht aus Punkten, sondern aus primären grafischen Elementen wie Linien, Kreisen und Kurven. Diese werden als Vektoren bezeichnet, die durch mathematische Parameter (Koordinaten) wie Startpunkt, Endpunkt, Radius, Seitenlänge, Liniendicke, Farbe und Füllmuster definiert werden. Die modernsten Vektordesign-Programme können sogar Farbübergänge und Transparentfolien reproduzieren. Diese Objekte werden nicht als Pixelausrichtung definiert , sondern logisch basierend auf ihren Eigenschaften . Um beispielsweise einen einfachen Kreis zu definieren, sind nur die Mittelpunktposition und der Radius sowie die Farbe und Dicke der Linie erforderlich, um ihn in einer beliebigen Größe darstellen zu können.

Und genau das ist der große Vorteil von Vektorbildern gegenüber Bitmaps: Es ist ein Bild, das anhand seiner Eigenschaften definiert werden kann, unabhängig von seiner Pixeldichte, es kann ohne Qualitätsverlust skaliert werden , da die Parameter Sie werden basierend auf der endgültigen Größe neu berechnet. Wenn Sie beispielsweise einen Kreis aus Pixeln skalieren möchten, werden ab einer bestimmten Größe die Punkte angezeigt, aus denen er besteht, da er nicht flexibel genug ist ( Aliasing oder? Schritt? ). Daher ist diese Art von verzerrten Bildern umgangssprachlich als “pixelierte Bilder” bekannt.

In Bezug auf die Größe dieser Bilder und den benötigten Speicherplatz hat die Größe der Vektorgrafiken keinen Einfluss auf ihr Gewicht, da sie von der Anzahl der gespeicherten Parameter abhängt, während Bitmaps, in denen Größere Bilder benötigen auch mehr Pixel, sie wiegen mehr.

Da die Anzeigemedien (Bildschirme, Drucken) die Bilder nur als Rastergrafiken reproduzieren können, müssen vektorisierte Bilder vor der Anzeige in Bitmap-Grafiken (Rasterisierung) umgewandelt werden. Abhängig von der Komplexität des Objekts ist dies ein vorbereitender Schritt, der mehr oder weniger Zeit und Kraft vom Team erfordert.

Es gibt eine große Anzahl von Programmen zum Entwerfen von Grafiken, die eine Reihe spezifischer Dateiformate unterstützen. Die folgende Tabelle zeigt eine Auswahl der gängigsten Formate und Programme.

Dank der Möglichkeit der verlustfreien Skalierung eignen sich Vektorbilder besonders zur Darstellung von Diagrammen, Logos, geometrischen Figuren, Signaturen, Symbolen und technischen Entwürfen. Komplexere Bilder wie digitale Fotografien natürlicher Objekte mit vielen verschiedenen Farb- und Kontrastwerten können ohne sichtbaren Qualitätsverlust nicht mit Vektoren gerendert werden. In diesem Fall ist es besser, pixelbasierte Bilder zu verwenden.

Während die Rasterung eines Vektorbildes jedes Mal, wenn ein solches Bild gedruckt oder auf einem Bildschirm angezeigt wird, ohne großen Aufwand und unsichtbar erfolgt, ist der umgekehrte Weg von der Bitmap zum Vektorbild im Gegenteil , schwieriger. Dieser Vektorisierungsprozess kann manuell oder mithilfe eines Vektorisierungsprogramms wie Xara Xtreme oder Inkscape durchgeführt werden, die jeweils die Funktionen Bitmap Tracer oder Potrace enthalten. Eine solche Änderung ist jedoch fehleranfällig, da diese Programme nur die für Rasterbilder typischen komplexen Farb- oder Kontrastübergänge grob anzeigen und sie als isolierte sichtbare Bänder (Streifenbildung) anzeigen können.