Sådan konverteres JPG- og PNG-billeder til SVG
- Kategori: Udvikling
Traditionelle billedformater som JPG, PNG eller GIF er meget populære, men de har ulemper, der gør brugen af dem mindre end ideel til visse applikationer.
Hvis du for eksempel opretter et responsivt websted, vil du have billeder, der ser godt ud uanset bredden og højden, de vises i. Traditionelle billeder ser dårlige ud, når du for eksempel forstørrer dem.
Det kan være nødvendigt, at du også viser billedet i forskellige størrelser, f.eks. Som et miniaturebillede på en blogs indeksside og som et billede i fuld opløsning i den tilknyttede artikel.
Mens du kan oprette forskellige versioner af et enkelt billede, så den bedst egnede 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 kvalitetstab (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 dens størrelse normalt er meget mindre, og at det giver webmastere en vis fleksibilitet, når det kommer til at foretage ændringer af det, da nogle kan gøres direkte i CSS.
Et eksempel: Terence Eden genskabt logoerne for populære internetfirmaer som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Størrelsen på logoerne blev reduceret til mindre end 1 kilobyte, undertiden så lavt som 200 byte. Twitter-logoet i PNG-format har for eksempel en størrelse på 20 kilobyte, SVG-versionen en størrelse på 397 byte.
SVG er et godt format til logoer og ikoner, men er ikke rigtig velegnet til fotos og andre typer billeder, der viser mange forskellige objekter.
Konvertering til SVG
Denne vejledning koncentrerer sig om applikationer, som du muligvis bruger til at konvertere billeder til SVG direkte. Dette er ikke en tutorial om brug af applikationer designet til at oprette vektorgrafik fra bunden. Du kan bruge vektorgrafikredaktører som Adobe Illustrator (vores ingen links til Adobes politik står stadig), Inkscape , eller LibreOffice Draw for det.

LibreOffice Draw
Til Windows
Hent nuDer er masser af gratis konvertere, som du kan køre online, men de er ret begrænsede, når det kommer til konverteringsprocessen. Selvom de muligvis er 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 evaluerede 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 onlineudgaven er dog store, 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 kommer med en guide, som du kan vælge de bedste outputparametre (sløring, farver), eller du kan indstille disse direkte. Resultaterne var gode med nogle finjusteringer, og størrelsen på det resulterende billede var en tredjedel mindre end det originale PNG-logo.

Vector Magic
Til Windows
Hent nuDin tur: Kender du til en anden onlinetjeneste eller -program til konvertering af billeder til SVG-format?