SVG (Scalable Vector Graphics) ist ein Format für Vektorgrafiken im Web – Icons, Logos, Illustrationen, die aus Linien und Flächen bestehen, nicht aus Pixeln. Der Vorteil: SVG skaliert ohne Qualitätsverlust, ob als klein
SVG (Scalable Vector Graphics) ist ein Format für Vektorgrafiken im Web – Icons, Logos, Illustrationen, die aus Linien und Flächen bestehen, nicht aus Pixeln. Der Vorteil: SVG skaliert ohne Qualitätsverlust, ob als kleines Favicon oder als große Hero-Grafik.
Technisch ist SVG ein XML-Format. Es kann als eigene Datei eingebunden oder direkt im HTML als Inline-SVG genutzt werden – das erlaubt Styling mit CSS und Zugriff für Screenreader.
SVG spart Datenvolumen gegenüber Pixelgrafiken bei klarer, reduzierter Darstellung und lädt schnell – wichtig für die Core Web Vitals. Für Barrierefreiheit können title und aria-label den Inhalt beschreiben.
SVG ist die erste Wahl für Icons, Logos und klare Grafiken im Web. Wer es nutzt, bekommt scharfe Darstellung auf allen Geräten.
SVG macht Grafiken skalierbar und wartbar. Aus einer Datei entstehen scharfe Bilder in jeder Größe.