Vad är filformatet SVG?
Förkortningen .svg står för Scalable Vector Graphics, och det är ett format för 2D-grafikfiler. SVG är ett XML-baserat språk utformat för att beskriva 2D-grafik i klartext. Formatet .svg utvecklades av *World Wide Web Consortium (W3C)* och är standardformatet för att visa vektorgrafik på webben. Det blev en W3C-rekommendation 2001 (SVG 1.1 följde 2011).
Eftersom text används för att beskriva vektorgrafiken kan skalan på en .svg-fil ändras utan kvalitetsförlust. Enkelt uttryckt - innehållet i filen, en bild, kan visas i vilken storlek som helst utan pixelering, vilket gör .svg idealiskt för ikoner, logotyper, illustrationer och UI-element som måste se skarpa ut i alla upplösningar.
.svg-filer kan också komprimeras med GZIP-komprimering, varpå formatet ändras till .svgz, med en slutlig storlek som reduceras med ungefär 50-80 %.
På grund av sin textuella, XML-baserade natur kan .svg-filer sökas, indexeras, komprimeras och skriptas, vilket gör dem perfekt lämpade för att dela grafik på webben. Alla moderna webbläsare renderar .svg-bilder nativt utan insticksprogram. .svg-filer stöds lika bra av vanliga textredigerare som av avancerade vektorredigerare som Inkscape eller Adobe Illustrator, och de kan bädda in PNG-rasterbilder, animationer, CSS-styling och interaktiv JavaScript direkt i filen. MIME-typen är image/svg+xml.
Säkerhet & trygghet
RISK: MEDIUMSVG är XML och kan BÄDDA IN CSS och JavaScript, så en .svg som öppnas i en webbläsare kan köra skript - detta gör skadliga SVG-filer till en verklig vektor för cross-site-scripting, omdirigeringar och nätfiske. SVG-bilagor i e-post har använts i skadliga kampanjer (en «harmlös bild» som egentligen innehåller ett skript eller HTML-formulär). Hantera oönskade .svg-filer som webbsidor, inte bilder: öppna dem inte från okända avsändare, och på webbplatser bör uppladdade SVG-filer rensas (ta bort skript/händelsehanterare) innan de visas. Att öppna en SVG i en visare utan skriptstöd eller i en kodredigerare för att inspektera XML-koden är säkert. Undvik skumma webbplatser för «gratis SVG-öppnare/konverterare» som skickar med annonsprogram - webbläsaren och Inkscape täcker de faktiska behoven.
Formatdetaljer
i ett nötskalProgram som öppnar SVG-filer
Windows4 apps
Adobe Illustrator
Betald Arkiv -> Öppna .svg för att redigera; Arkiv -> Exportera för PNG/JPG. Branschstandard för vektorredigering. 
Inkscape
Öppen källkod Det främsta gratisalternativet för SVG-redigering på Linux (SVG är dess nativa format). 
Web browser (Chrome, Edge, Firefox)
Gratis Dubbelklicka på .svg eller dra den till webbläsarfönstret för att se den i full kvalitet.
Code editor (VS Code / Notepad++)
Gratis Öppna .svg som text för att läsa/redigera XML-koden direkt (och förhandsgranska med ett SVG-tillägg). 
macOS3 apps
Adobe Illustrator
Betald Arkiv -> Öppna .svg för att redigera; Arkiv -> Exportera för PNG/JPG. Branschstandard för vektorredigering.
Inkscape
Öppen källkod Det främsta gratisalternativet för SVG-redigering på Linux (SVG är dess nativa format).
Web browser / Preview
Inbyggd Öppna .svg i Safari/Chrome för att visa; macOS Förhandsvisning renderar också SVG. 
Linux3 apps
Inkscape
Öppen källkod Det främsta gratisalternativet för SVG-redigering på Linux (SVG är dess nativa format).
SVG-Edit / boxy-svg (online editors)
Freemium Öppna och redigera SVG i webbläsaren utan installation (Boxy SVG eller open-source SVG-Edit). Tekniska detaljer
djup specifikation| Filstruktur | Ren XML-text; läsbar för människor och redigerbar i valfri textredigerare utan specialprogramvara |
| MIME-typ | image/svg+xml |
| Teckenkodning | UTF-8 (deklarerad i XML-huvudet); filen är ren Unicode-text utan binärt innehåll |
| Skalbarhet | Oändlig förlustfri skalning - geometri definieras matematiskt, så ingen pixelering uppstår vid någon storlek |
| Komprimerad variant | .svgz - samma SVG XML paketerad i gzip; filstorleken är vanligtvis 50-80 % mindre |
| Stöd för animation | Deklarativa SMIL-animationer och CSS-animationer/övergångar stöds båda |
| Skriptning | JavaScript kan anropa och ändra SVG-element via standard-DOM-API:et, vilket möjliggör interaktivitet |
| Styling | CSS kan appliceras via inline-stilattribut, inbäddade <style>-block eller externa stilmallar |
| Koordinatsystem | Oändlig rityta med användardefinierade enheter; viewBox-attributet mappar dokumentkoordinater till visningsytan |
| Formprimitiver | path, circle, rect, ellipse, polygon, polyline, line - plus gradienter, mönster, masker och filtereffekter |
| Webbläsarrendering | Nativt stöd i alla moderna webbläsare (Chrome, Firefox, Edge, Safari) - inget insticksprogram krävs |
| Inbäddning i HTML | Kan användas inline som <svg>, refereras via <img>, <object>, <embed> eller som en CSS-bakgrundsbild |
| Tillgänglighet | Textnoder är maskinläsbara; stöder <title>- och <desc>-element samt ARIA-attribut |
| Rasterinbäddning | Externa rasterbilder (PNG, JPEG) kan bäddas in via <image>-element med filsökvägar eller data-URI:er |
| Filidentifiering | Inga binära magic bytes; identifieras av rotelementet <svg, eventuellt föregått av en XML-deklaration eller DOCTYPE |
| Släppt | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Öppen standard | Ja · royaltyfri |
| Specifikation | www.w3.org |
SVG-konverteringar
Frågor & svar
frågat av användareInga frågor än - bli den första att fråga om SVG-filer.
