Sådan konverteres JPG- og PNG-billeder til SVG

Traditionelle billedformater som JPG, PNG eller GIF er meget populære, men de har ulemper, der gør brugen mindre end ideel til visse applikationer.

Hvis du f.eks. Opretter et responsivt websted, vil du have billeder, der ser godt ud uanset bredde og højde, de vises i. Traditionelle billeder ser dårligt ud, når du f.eks. Forstørrer dem for meget.

Du skal muligvis også vise billedet i forskellige størrelser, for eksempel som en miniaturebillede på en blogs indeksside og som et billede i fuld opløsning i den linkede artikel.

Mens du kan oprette forskellige versioner af et enkelt billede, så den mest passende vælges, betyder det, at du blandt andet har brug for mere lagerplads til det.

SVG-billedformatet er et vektorformat. Dette betyder, at dens størrelse kan formindskes eller øges uden tab af kvalitet (skalerbar). Det er fantastisk, hvis du har brug for at vise billedet flere steder ved hjælp af forskellige opløsninger.

Andre fordele ved SVG er, at størrelsen normalt er meget mindre, og at det giver webmastere en vis fleksibilitet, når det kommer til at foretage ændringer, da nogle kan gøres i CSS direkte.

Et eksempel: Terence Eden genskabte logoerne fra populære internetfirmaer som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Logos størrelse blev reduceret til mindre end 1 kilobyte, undertiden så lave som 200 byte. Twitter-logoet i PNG-format har f.eks. En størrelse på 20 Kilobytes, SVG-versionen en størrelse på 397 bytes.

SVG er et godt format til logoer og ikoner, men ikke rigtig velegnet, når det kommer til fotos og andre typer billeder, der viser mange forskellige objekter.

Konvertering til SVG

Denne guide koncentrerer sig om applikationer, som du kan bruge til at konvertere billeder til SVG direkte. Dette er ikke en tutorial om anvendelse af applikationer designet til at skabe vektorgrafik fra bunden. Du kan bruge vektorgrafikredigerere som Adobe Illustrator (vores ingen links til Adobes politik står stadig), Inkscape eller LibreOffice Draw til det.

LibreOffice Draw

Til Windows

Masser af gratis konvertere er tilgængelige, som du kan køre online, men de er ret begrænsede, når det kommer til konverteringsprocessen. Selvom de kan være tilstrækkelige til at konvertere et simpelt logo, der er tilgængeligt som en png eller jpg til svg, er resultaterne ikke super gode det meste af tiden.

Sådan vurderede jeg tjenesterne: Jeg downloadede Ghacks-logoet og prøvede konverteringerne på flere dusin SVG-konvertere. Jeg bedømte resultatet og kasserede enhver service, der ikke leverede gode resultater.

• Aconvert - Tjenesten tager en lokal fil eller en URL som input. Den eneste mulighed, det giver, er at ændre billedets opløsning. Det resulterende billede lignede Ghacks-logoet, men dets størrelse var næsten dobbelt så stor som PNG-versionen af ​​logoet.
• Vector Magic - Fås som en online konverter og desktop-program til Windows. Det er dog ikke gratis (online koster $ 7.95 pr. Måned, desktop-udgave en engangsbetaling på $ 295). Resultaterne af online-udgaven er dog gode, og du får masser af muligheder for at redigere eller ændre indstillinger og en side om side-visning af det originale billede og SVG-kopien.
• Vectorizer - En anden gratis service. Denne leveres med en guide, som du kan vælge de bedste outputparametre (sløring, farver), eller du kan indstille disse direkte. Resultaterne var gode med noget justering, og størrelsen på det resulterende billede var en tredjedel mindre end det originale PNG-logo.

Vector Magic

Til Windows

Din tur: Kend til en anden onlinetjeneste eller et andet program til at konvertere billeder til SVG-format?