SVGSVG ist ein vektorbasiertes Bildformat für das Web. SVG-Dateien sind skalierbar, klein und können direkt im HTML-Code eingebettet werden.
Weitere Informationen
UIUI bezeichnet die visuelle und interaktive Oberfläche einer Website oder Applikation: alles, was der Nutzer sieht und womit er direkt interagiert.
Weitere Informationen
CSSCSS ist die Sprache, die das Aussehen einer Webseite bestimmt. Sie legt fest, welche Farben, Schriften, Abstände und Layouts verwendet werden. Ohne CSS würden alle Webseiten als unformatierter Text erscheinen.
Weitere Informationen

Vektordatei

Eine Vektordatei ist eine Grafikdatei, die Bilder nicht als Pixel, sondern als mathematische Beschreibungen von Formen, Linien und Kurven speichert. Sie lässt sich verlustfrei auf jede beliebige Grösse skalieren – vom Briefkopf bis zum Werbeplakat. Vektordateien sind das Standardformat für Logos und Illustrationen in professionellem Grafikdesign.

  • Vektorgrafik

Was ist eine Vektordatei?

Grafiken lassen sich grundsätzlich auf zwei Arten speichern: als Rastergrafik oder als Vektorgrafik. Rastergrafiken (JPG, PNG, GIF) bestehen aus einem Raster von Pixeln – jedes Pixel hat eine Farbe. Wird eine Rastergrafik vergrössert, werden die Pixel sichtbar und das Bild wirkt unscharf oder verpixelt.

Vektorgrafiken funktionieren anders: Sie beschreiben Formen mathematisch – als Punkte, Geraden, Kurven und Füllfarben. Ein Kreis ist keine Ansammlung von Pixels, sondern eine mathematische Formel. Das Ergebnis: Vektorgrafiken lassen sich auf jede Grösse skalieren, ohne an Qualität zu verlieren – ob auf einer Visitenkarte oder einem Fahrzeugbeschriftung von zehn Metern.

Funfact

Das bekannteste Programm für die Erstellung von Vektorgrafiken ist Adobe Illustrator – erstmals erschienen 1987. Illustrator verwendet intern das PostScript-Format, das ebenfalls 1982 von Adobe entwickelt wurde und die Grundlage für modernes Drucken bildet. Heute ist Illustrator nicht mehr das einzige professionelle Vektorprogramm: Affinity Designer und die webbasierte App Figma haben deutlichen Marktanteil gewonnen.

Die wichtigsten Vektordatei-Formate

  • (.ai) Adobe Illustrator: Standard der Branche – Quelldatei für Designarbeiten
  • (.) : Webstandard – direkt im Browser darstellbar
  • (.eps) Encapsulated PostScript: Druckereien und ältere Systeme, universell kompatibel
  • (.pdf) Portable Document Format: Kann Vektoren enthalten – ideal für Druck und Weitergabe
  • (.sketch) Sketch: Vektorformat für /UX-Design, macOS-only
  • (.fig) Figma: Modernes Design-Tool, browserbasiert, teamfähig

Wann brauche ich eine Vektordatei?

Tipp für Auftraggeber: Wer ein Logo oder eine Grafik in Auftrag gibt, sollte immer die Originaldatei im Vektorformat verlangen – üblicherweise als .ai oder .. Ein PNG ist kein Ersatz: Aus einem PNG lässt sich keine Vektordatei zurückgewinnen, ohne die Grafik neu zu zeichnen.

  • Logo-Einsatz: Für Webseite, Visitenkarte, Briefpapier, Stempel, Beschriftung und Druck braucht man immer die Vektordatei des Logos – nie nur ein PNG oder JPG.
  • Drucksachen: Druckereien verlangen für Plakate, Banner, Broschüren und Beschriftungen immer Vektordaten – PDF mit eingebetteten Vektoren oder AI/EPS.
  • Web und App: Icons und Logos auf Webseiten werden idealerweise als eingebunden – scharf auf jedem Bildschirm, klein in der Dateigrösse, mit stylebar.