Traditionella bildformat så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 skapar en mobilanpassad hemsida för exempel, du vill att bilder som ser bra ut oavsett vilken bredd och höjd som de visas i. Traditionella bilder ser dåligt när du förstora dem alltför mycket till exempel.
Du kan behöva visa bild i olika storlekar, till exempel som en miniatyrbild på en blogg index sidan, och som en full upplösning bilden i den länkade artikel.
Du kan skapa olika versioner av en enda bild så att den mest lämpliga är plockade, det betyder att du behöver mer lagringsutrymme för att bland andra saker.
SVG-bild-format är en vektor format. Detta innebär att dess storlek kan vara mindre eller större, utan att förlora kvalitet (skalbar). Det är bra om du behöver för att visa bilden på flera ställen med olika upplösningar.
Andra fördelar med SVG är att dess storlek är oftast mycket mindre, och att det ger webmasters en viss flexibilitet när det gäller att göra förändringar till det som vissa kan vara gjort i CSS direkt.
Ett exempel: Terence Eden återskapas logotyper populära Internet-företag som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Storleken av logos var nedsatt till mindre än 1 Kilobyte, ibland så lågt som 200 bytes. Twitter logotyp i PNG-format till exempel har en storlek av 20 Kb, en SVG-version en storlek 397 byte.
SVG är ett bra format för logotyper och ikoner, men inte riktigt lämpar sig när det kommer till bilder och andra typer av bilder att visa många olika objekt.
Konvertera till SVG
Denna guide fokuserar på program som du kan använda för att konvertera bilder till SVG direkt. Detta är inte en handledning om att använda applikationer för att skapa vektorgrafik från scratch. Du kan använda vektorgrafik redaktörer, såsom Adobe Illustrator (vårt inga länkar till Adobe policy står fortfarande), Inkscape, eller LibreOffice Draw för att.
Läs också: Android Studio 3.0 Utveckling Miljö släppt
Massor av gratis omvandlare finns att du kan köra online, men de är ganska begränsade när det gäller konverteringen. Medan de kan vara tillräckligt för att omvandla en enkel logotyp som är tillgänglig som en png eller jpg till svg, resultaten är inte super bra för det mesta.
Här är hur jag utvärderade tjänster: jag hämtat Ghacks logotyp, och försökte omvandlingar på flera dussin SVG-omvandlare. Jag bedömde resultatet, och kasseras varje tjänst som inte levererar bra resultat.
- Aconvert — tjänsten tar en lokal fil eller en URL som indata. Det enda alternativet för att det är för att ändra upplösningen av bilden. Den resulterande bilden såg ut som Ghacks logotyp, men dess storlek var nästan dubbel storlek PNG-version av logotypen.
- Vektor Magiska — Tillgänglig som en online converter och desktop-program för Windows. Det är inte gratis men online kostar $7.95 per månad, desktop edition en engångsavgift på $295). Resultaten av de online-upplagan är bra dock, och du får massor av alternativ för att redigera eller ändra inställningar, och en side by side-visning av den ursprungliga bilden och den svg-kopia.
- Vectorizer — en Annan gratistjänst. Här kommer en guide för dig som du kan att välja de bästa utdata parametrar (blur, färger), eller så kan du ställa dessa direkt. Resultaten var bra med vissa justeringar, och storleken på den resulterande bilden var en tredjedel mindre än den ursprungliga PNG-logotypen.
Nu är Du: Vet av en annan online-tjänst eller ett program för att konvertera bilder till SVG format?