Uppgift 4b: Högnivå-reprenseterat bildformat

Vektorgrafik

SVG, Skalbar vektorgrafik (Scalable Vector Graphics) är en öppen standard för vektorgrafiska format. SVG används för att beskriva tvådimensionell grafik i XML. SVG stödjer tre typer av grafikobjekt: vektorbaserade former, bitmappar och text. Dessa grafikobjekt kan grupperas, formateras, omvandlas och sättas ihop till tidigare återgivna objekt. SVG stödjer också alfakanaler, filtereffekter och animationer.

Vektorgrafik även kallad objektgrafik är benämningen på bilder uppbyggda av linjer, punkter och kurvor som beskrivs med hjälp av algoritmer (matematiska formler). Varje kurva, linje och punkt blir till ett objekt och kan sedan sammanfogas till nya objekt. Varje objekt kan ges specifik färg, fyllning, linjebredd och mönster. Varje gång bilden ska visas måste datorn räkna en del och sedan omvandla resultatet till pixlar på bildskärmen. Vektorgrafik är utrymmessnålt men beräkningskrävande.

Fördelen med en vektorgrafisk bild är att den är oerhört formbar och kan skalas och förändras utan att förlora i kvalitet. Vektorgrafik är resolutionsoberoende, vilket betyder att bilden kan skalas större och mindre utan att påverka storleken på filen alltför mycket. Man kan kasta om ordningen på objekten i bilden genom att ange vilket objekt som ska räknas ut först. Bilden skapas så att säga när den visas. Man kan med olika verktyg lätt och mycket exakt redigera formen på varje objekt i en vektorbild.

En nackdel med vektorgrafik är att den inte är särskilt bra på oregelbundna bilder, dvs. saker som inte kan beskrivas enkelt genom en linje eller cirkel. Medan vektorgrafik är bra för linjekonst och illustrationer, är den generellt olämplig för fotografier och suddiga bilder. En vektorgrafisk bild skapas i datorn vilket gör att det inte går att scanna in ett foto eller annan bild och få det till vektorgrafik. Det krävs dessutom plug-in för att titta på vektorgrafiska bilder och för att utnyttja dess fördelar t.ex. möjligheter till att skala en bild utan kvalitetsförlust.

SVG inlänkat med hjälp av <object>-taggen (vissa webbläsare saknar stöd för den!):

SVG inlänkat med hjälp av <embed>-taggen (sidan kommer ej validera som XHTML1.1!):

Valid CSS! Valid XHTML 1.1! Valid CSS!