Traditionella bildformat som JPG, PNG eller GIF är mycket populära, men de har nackdelar som gör deras användning mindre än idealisk för vissa applikationer.
Om du till exempel skapar en lyhörd webbplats, vill du att bilder ser bra ut oavsett bredd och höjd som de visas i. Traditionella bilder ser dåliga ut när du förstorar dem för mycket till exempel.
Du kanske också måste visa bilden i olika storlekar, till exempel som en miniatyrbild på en bloggs indexsida och som en fullständig upplösningsbild i den länkade artikeln.
Även om du kan skapa olika versioner av en enda bild så att den lämpligaste väljs, betyder det att du behöver mer lagringsutrymme för det bland annat.
SVG-bildformatet är ett vektorformat. Detta innebär att dess storlek kan minskas eller ökas utan kvalitetsförlust (skalbar). Det är bra om du behöver visa bilden på flera platser med olika upplösningar.
Andra fördelar med SVG är att dess storlek vanligtvis är mycket mindre, och att det ger webbansvariga viss flexibilitet när det gäller att göra ändringar, eftersom vissa kan göras direkt i CSS.
Ett exempel: Terence Eden återskapade logotyper för populära internetföretag som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Storleken på logoerna reducerades till mindre än 1 kilobyte, ibland till 200 byte. Twitterlogotypen i PNG-format har till exempel en storlek på 20 kilobyte, SVG-versionen 397 byte.
SVG är ett bra format för logotyper och ikoner, men är inte riktigt lämpligt när det gäller foton och andra typer av bilder som visar många olika objekt.
Konverterar till SVG
Den här guiden koncentrerar sig på applikationer som du kan använda för att konvertera bilder till SVG direkt. Detta är inte en handledning om att använda applikationer som är utformade för att skapa vektorgrafik från början. Du kan använda vektorgrafikredigerare som Adobe Illustrator (våra inga länkar till Adobes policy finns fortfarande), Inkscape eller LibreOffice Draw för det.
Det finns många gratis omvandlare som du kan köra online, men de är ganska begränsade när det gäller konverteringsprocessen. Även om de kan vara tillräckliga för att konvertera en enkel logotyp som är tillgänglig som png eller jpg till svg, är resultaten inte mycket bra för det mesta.
Så här utvärderade jag tjänsterna: Jag laddade ner Ghacks-logotypen och provade konverteringarna på flera dussin SVG-omvandlare. Jag bedömde resultatet och kasserade alla tjänster som inte levererade bra resultat.
- Aconvert - Tjänsten tar en lokal fil eller en URL som inmatning. Det enda alternativet som det ger är att ändra bildens upplösning. Den resulterande bilden såg ut som Ghacks-logotypen, men dess storlek var nästan dubbelt så stor som PNG-versionen av logotypen.
- Vector Magic - Finns som en online-omvandlare och desktopprogram för Windows. Det är dock inte gratis (online kostar $ 7, 95 per månad, desktop-upplagan en engångsbetalning på $ 295). Resultaten av onlineutgåvan är emellertid bra, och du får många alternativ att redigera eller ändra inställningar, och en sida vid sida av originalbilden och svg-kopian.
- Vectorizer - En annan gratis tjänst. Den här kommer med en guide som du kan välja de bästa utgångsparametrarna (oskärpa, färger) eller så kan du ställa in dessa direkt. Resultaten var bra med några justeringar, och storleken på den resulterande bilden var en tredjedel mindre än den ursprungliga PNG-logotypen.
Nu du: Känner till en annan onlinetjänst eller program för att konvertera bilder till SVG-format?
