Hur man konverterar JPG- och PNG-bilder till SVG

Traditionella bildformat som JPG, PNG eller GIF är mycket populära, men de har nackdelar som gör användningen mindre än idealisk för vissa applikationer.

Om du till exempel skapar en responsiv webbplats vill du ha bilder som ser bra ut oavsett bredd och höjd de visas i. Traditionella bilder ser dåligt ut när du till exempel förstorar dem för mycket.

Du kan behöva visa bilden i olika storlekar också, till exempel som en miniatyr på en bloggs indexsida och som en bild i full upplösning i den länkade artikeln.

Medan du kan skapa olika versioner av en enskild bild så att den mest lämpliga 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 den ger webbansvariga viss flexibilitet när det gäller att göra ändringar i den, eftersom vissa kan göras i CSS direkt.

Ett exempel: Terence Eden återskapade logotyperna för populära internetföretag som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Logotypernas storlek minskades till mindre än 1 kilobyte, ibland så lågt som 200 byte. Twitter-logotypen i PNG-format har till exempel en storlek på 20 kilobyte, SVG-versionen en storlek på 397 byte.

SVG är ett bra format för logotyper och ikoner, men 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. Det här är ingen handledning om att använda applikationer som är utformade för att skapa vektorgrafik från grunden. 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.

LibreOffice Draw

För Windows

Massor av gratis omvandlare är tillgängliga 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 finns som png eller jpg till svg, är resultaten inte super bra för det mesta.

Så här utvärderade jag tjänsterna: Jag laddade ner Ghacks-logotypen och testade konverteringarna på flera dussin SVG-omvandlare. Jag bedömde resultatet och kastade bort alla tjänster som inte gav 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 storleken var nästan dubbelt så stor som PNG-versionen av logotypen.
• Vector Magic - Finns som en online-omvandlare och skrivbordsprogram för Windows. Det är dock inte gratis (online kostar $ 7.95 per månad, skrivbordsutgåva en engångsbetalning på 295 $). Resultaten av onlineutgåvan är dock bra, och du får massor av alternativ för att redigera eller ändra inställningar, och en sida vid sida-visning 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 utmatningsparametrarna (oskärpa, färger), eller så kan du ställa in dessa direkt. Resultaten var bra med lite justering, och storleken på den resulterande bilden var en tredjedel mindre än den ursprungliga PNG-logotypen.

Vector magi

För Windows

Nu är du: Känn till en annan onlinetjänst eller ett annat program för att konvertera bilder till SVG-format?