Scalable Vector Graphics

Scalable Vector Graphics
Bestandsextensie	svg, svgz
MIME-type	image/svg+xml
Portaal    Informatica

Voorbeeld van het verschil tussen een op pixels gebaseerde afbeelding en een vectorafbeelding

Scalable Vector Graphics, afkorting: SVG, is een op XML gebaseerd bestandsformaat voor statische en dynamische vectorafbeeldingen. Het is een open standaard van het W3C.

Kenmerken

• In 2001 werd SVG een W3C-aanbeveling (W3C recommendation). Het is met Flash te vergelijken, maar is een open bestandsindeling gebaseerd op XML.
• SVG beschrijft afbeeldingen die bestaan uit tekst, vectoren en rasterafbeeldingen.
• SVG heeft de volgende mogelijkheden:
  • interactie met scripttalen via DOM
  • declaratieve animaties via SMIL
  • hyperlinks
  • filtereffecten
  • CSS

Ondersteuning

Sinds het W3C SVG tot een W3C-standaard heeft gemaakt, zijn er steeds meer programma's die SVG ondersteunen. Enkele daarvan zijn:

Bewerkingsprogramma's

• Inkscape
• CorelDRAW
• Adobe Illustrator
• Adobe XD
• Affinity Designer

Webbrowsers

• Amaya
• Opera
• Firefox
• Safari met WebKit
• Chrome met Blink
• Internet Explorer 9 en hoger

Ook MediaWiki ondersteunt SVG, maar vooralsnog via een speciale constructie: afbeeldingen worden als SVG geüpload, maar als PNG aan de gebruikers getoond.

Externe links

Wikibooks

• (en) w3schools.com. SVG Tutorial

Webdesign

Opmaaktaal: HTML · HTML5 · XML · XHTML · Compact HTML · WML · XHTML Basic Design: CSS · XSL-FO · XSLT Interactie: Document Object Model · event · scripting · JavaScript · AJAX · dynamic HTML Referentie: HTML-kleuren · HTML-tags · HTML-entiteiten · HTML-events Details: browser sniffing · useragent · (magic) cookie · metatag · DTD · broodkruimelnavigatie · inline image · Java-applet · Adobe Flash · HTML-formulier · favicon · frames · SVG · WAI Editor (code): Amaya · Bluefish · Quanta Plus · Notepad++ Editor (wysiwyg): Dreamweaver · BlueGriffon · KompoZer · FrontPage · Expression Web · Nvu · SeaMonkey Composer · Verwant: webdevelopment · wereldwijd web · webbrowser · webserver · grafisch programma · teksteditor · HTML-editor

Zie de categorie SVG van Wikimedia Commons voor mediabestanden over dit onderwerp.