SVG - Scalable Vector Graphics

0 | 10869 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "SVG - Scalable Vector Graphics" mit Ihrem Wissen!

Anzeige Hier werben

Bild zu SVG - Scalable Vector Graphics
Offizielles SVG Logo

SVG (Scalable Vector Graphics, engl. Skalierbare Vektorgrafik) ist ein offenes auf XML basierendes Format für Vektorgrafiken. Es ist ein seit 1998 vom W3C entwickelter Webstandard.

Mit SVG können Formen, Text und Rastergrafiken kombiniert, mit Filtern versehen, animiert und mittels Javascript/ECMAScript manipuliert und interaktiv gemacht werden. Sogar das einbinden von Fremdinhalten (ganze Webseiten, Videos, ...) ist möglich.

Browser mit SVG Unterstützung

Firefox2Unterstützt3Unterstützt
IE6Nein7Unbekannt8Unbekannt
Opera9Unterstützt9.5Unterstützt
Safari3Unterstützt3.1Unterstützt
Grundlegende SVG Unterstützung

Alle modernen Browser bis auf den Internet Explorer können SVG Dateien verarbeiten. Die Unterstützung ist hier aber sehr unterschiedlich. So können in manchen Browsern SVG sogar als Hintergrundbilder verwendet werden.

Eine Analyse der Unterstützung vieler Browser und Betrachter.

Firefox2Nein3Unbekannt
IE6Nein7Unbekannt8Unbekannt
Opera9Unterstützt9.5Unterstützt
Safari3Nein3.1Unterstützt
SVG als CSS-Hintergrundbild
Firefox2Nein3Unbekannt
IE6Nein7Unbekannt8Unbekannt
Opera9Unterstützt9.5Unterstützt
Safari3Nein3.1Unterstützt
SVG in img-Elementen

SVG als Hintergrundbilder bietet dem Webdesigner ganz neue Gestaltungsmöglichkeiten für Webdesigner.

Opera

Opera bietet die beste SVG Unterstützung. In der neusten Version können sie sogar als voller Ersatz für Bilder verwendet werden, das heißt als Hintergrundbilder in CSS und in img Elementen.

Firefox

Firefox unterstützt seit Version 1.5 SVG Grafiken.

Safari

Seit Version 3 versteht der Safari auch SVG.

Internet Explorer

Der Internet Explorer versteht von haus aus kein SVG. Es gibt jedoch Plugins (Adobe SVG Viewer) für diesen Browser.

Programme zum erstellen von SVG Vektorgrafiken

Fast alle bekannten Vektorgrafikprogramme können mittlerweile SVG Grafiken exportierten.

  • Inkscape: Inkscape ist ein kostenloses OpenSource Programm zum erstellen von Vektorgrafiken. Es ist um den SVG Standard gebaut und soll ihn möglichst genau abdecken. Es bietet mittlerweile viele Funktionen die man in kommerziellen Konkurrenten wie Adobe Illustrator nicht findet.
  • Adobe Illustrator
  • Microsoft Expression
Todo

Beispiele, verschiedene Standards, bestandteile von SVG (Text, ...)


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "SVG - Scalable Vector Graphics" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "SVG - Scalable Vector Graphics" hier bearbeiten.

Mitarbeiter
  • arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
  • hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.