SVG introduktion

SVG är ett språk som används för att beskriva tvådimensionella grafik och ritprogram med XML.

Grundläggande kunskaper som krävs innan du börjar:

Innan du fortsätter, bör du ha en grundläggande förståelse för följande:

  • HTML
  • XML-bas

Om du vill lära dig detta först, besök vårHemsideVälj lämpligt tutorial.

Vad är SVG?

  • SVG betyder Scalable Vector Graphics
  • SVG används för att definiera vektorgrafik för nätverket
  • SVG använder XML-format för att definiera grafik
  • SVG-bilder förlorar inte grafisk kvalitet när de förstors eller minskas i storlek
  • SVG är en standard från World Wide Web Consortium
  • SVG och W3C-standarder som DOM och XSL är en helhet

SVG är en W3C rekommenderad standard

SVG blev W3C:s rekommenderade standard den 14 januari 2003.

För mer information om W3C:s SVG-aktiviteter, besök vår W3C-tutorials.

Historien och fördelarna med SVG

I januari 2003 fastställdes SVG 1.1 som W3C-standard.

Organisationerna som deltog i definitionen av SVG inkluderar: Sun Microsystems, Adobe, Apple, IBM och Kodak.

Fördelarna med att använda SVG jämfört med andra bildformat är:

  • SVG kan läsas och redigeras av ett mycket stort antal verktyg (t.ex. notisblock)
  • Jämfört med JPEG och GIF är SVG mindre i storlek och mer komprimerbar
  • SVG är skalbar
  • SVG-bilder kan skrivas ut i hög kvalitet i alla upplösningar
  • SVG-bilder kan förstöras utan att kvaliteten på bilden minskar
  • Texten i SVG-bilder är valfri men också sökbar (särskilt lämplig för att skapa kartor)
  • SVG kan köras tillsammans med Java-teknologi
  • SVG är en öppen standard
  • SVG-filer är rena XML

SVG:s huvudsakliga konkurrent är Flash.

Jämfört med Flash är den största fördelen med SVG att det är kompatibelt med andra standarder (t.ex. XSL och DOM), medan Flash är ett icke-källkodsöppet privat teknologi.

Visa SVG-filer

I dag stöder alla webbläsare SVG-filer, utom Internet Explorer som kräver ett tillägg. Tillägget är gratis, till exempel Adobe SVG Viewer.