Vad är SVG? En lättläst guide till vektorformatet
Vad är SVG? Hur SVG-vektorgrafik fungerar, hur den skiljer sig från PNG och JPG, dess fördelar och begränsningar, vanliga användningsområden och hur du öppnar och redigerar filer.
1. Vad är SVG?
SVG står för Scalable Vector Graphics, ett öppet vektorgrafikformat baserat på XML och standardiserat av W3C. Där PNG och JPG registrerar en bild som ett rutnät av pixlar använder SVG matematiska formler för att beskriva former: en rak linje, en cirkel, en Bézierkurva — allt skrivs in i filen som koordinater och sökvägskommandon.
Det är precis därför en SVG aldrig blir suddig när den förstoras: webbläsaren ritar om formlerna i den nya storleken i stället för att sträcka pixlar. Det är vad ordet ”vektor” betyder.
2. SVG jämfört med PNG / JPG
| Aspekt | SVG | PNG / JPG |
|---|---|---|
| Hur den lagrar bilder | Matematiska sökvägar (vektor) | Pixlrutnät (raster) |
| Vid förstoring | Skalar oändligt utan förvrängning | Visar taggiga kanter och suddighet |
| Filstorlek | Mycket liten för enkel grafik (några kB) | Växer linjärt med upplösningen |
| Redigerbarhet | Text som går att redigera, färga om och animera | Kräver bildredigeringsprogram |
| Bäst för | Ikoner, logotyper, illustrationer, diagram | Foton och komplicerad belysning |
3. Vad används SVG typiskt till
- Ikoner och logotyper på webbplatser: en enda SVG passar alla skärmdensiteter och förblir skarp på Retina-skärmar;
- Illustrationer och diagram: datavisualiseringsbibliotek som ECharts och Recharts genererar SVG som standard;
- Tryck och gravyr: lasergraverare, vinylskärare och UV-skrivare tar brett emot SVG-sökvägar;
- Animation: SVG-sökvägar kan styras direkt från CSS / SMIL / JavaScript, vilket möjliggör streckritningseffekter och mer.
4. Hur öppnar och redigerar jag en SVG?
Alla moderna webbläsare (Chrome / Edge / Firefox / Safari) öppnar SVG-filer direkt, och designprogram som Illustrator, Figma och Inkscape (gratis) kan redigera dem. Om du bara vill färga om, ta bort en bakgrund eller sudda bort en del av bilden använder du PolySVG online-SVG-editor — utan att installera något.
5. Hur gör jag om min PNG / JPG till en SVG?
Använd PolySVG-verktyget Bild till SVG: ladda upp en bitmap och hanterar vår egen modell automatiskt färgkvantisering, kontursökning och kurvanpassning, så du får en redigerbar SVG på några sekunder, med borttagning av bakgrund med ett klick. Hela processen är gratis och kräver ingen registrering.
Sammanfattning: SVG är ett format som ”ritar med formler”, vilket gör det naturligt för ikoner, logotyper och allt som måste skalas; fotografiskt innehåll är fortfarande bäst betjänat av JPG / WEBP.
Vanliga frågor
Vilken programvara öppnar SVG-filer?
Alla moderna webbläsare kan förhandsgranska dem direkt. För redigering använder du Illustrator, Figma eller Inkscape, eller arbetar med dem i PolySVG online-editor utan att installera något.
Kan en SVG konverteras till PNG?
Ja. PolySVG-editorn exporterar SVG till PNG i valfri upplösning, och det gör även en skärmbild från webbläsaren eller en export från ett designverktyg.