Hvordan konvertere JPG- og PNG-bilder til SVG

Tradisjonelle bildeformater som JPG, PNG eller GIF er veldig populære, men de har ulemper som gjør bruken mindre enn ideell for visse applikasjoner.

Hvis du for eksempel oppretter et responsivt nettsted, vil du ha bilder som ser bra ut uansett bredde og høyde de vises i. Tradisjonelle bilder ser dårlig ut når du for eksempel forstørrer dem for mye.

Du må kanskje også vise bildet i forskjellige størrelser, for eksempel som et miniatyrbilde på en bloggs indeksside, og som et bilde i full oppløsning i den koblede artikkelen.

Mens du kan lage forskjellige versjoner av et enkelt bilde slik at det mest passende blir valgt, betyr det at du trenger mer lagringsplass for det blant annet.

SVG-bildeformatet er et vektorformat. Dette betyr at størrelsen kan reduseres eller økes uten tap av kvalitet (skalerbar). Det er flott hvis du trenger å vise bildet flere steder med forskjellige oppløsninger.

Andre fordeler med SVG er at størrelsen vanligvis er mye mindre, og at det gir webansvarlige litt fleksibilitet når det gjelder å gjøre endringer i det, da noen kan gjøres i CSS direkte.

Et eksempel: Terence Eden gjenskapt logoene til populære internettbedrifter som Twitter, Amazon, WhatsApp, YouTube eller Reddit i SVG. Logoenes størrelse ble redusert til mindre enn 1 kilobyte, noen ganger så lave som 200 byte. Twitter-logoen i PNG-format har for eksempel en størrelse på 20 kilobyte, SVG-versjonen en størrelse på 397 byte.

SVG er et godt format for logoer og ikoner, men egner seg ikke veldig bra når det gjelder bilder og andre typer bilder som viser mange forskjellige objekter.

Konvertering til SVG

Denne guiden konsentrerer seg om applikasjoner du kan bruke til å konvertere bilder til SVG direkte. Dette er ikke en veiledning om bruk av applikasjoner designet for å lage vektorgrafikk fra bunnen av. Du kan bruke vektorgrafikkredigerere som Adobe Illustrator (vår ingen lenker til Adobes policy fremdeles står), Inkscape eller LibreOffice Draw for det.

LibreOffice Draw

For Windows

Mange gratis omformere er tilgjengelige som du kan kjøre online, men de er ganske begrensede når det gjelder konverteringsprosessen. Selv om de kan være tilstrekkelig for å konvertere en enkel logo som er tilgjengelig som png eller jpg til svg, er resultatene ikke supergode det meste.

Slik vurderte jeg tjenestene: Jeg lastet ned Ghacks-logoen og prøvde konverteringen på flere dusin SVG-omformere. Jeg bedømte resultatet, og forkastet alle tjenester som ikke ga gode resultater.

• Aconvert - Tjenesten tar en lokal fil eller en URL som inndata. Det eneste alternativet det gir er å endre oppløsningen på bildet. Det resulterende bildet så ut som Ghacks-logoen, men størrelsen var nesten dobbelt så stor som PNG-versjonen av logoen.
• Vector Magic - Tilgjengelig som en online omformer og skrivebordsprogram for Windows. Det er imidlertid ikke gratis (online koster $ 7.95 per måned, desktop-utgave en engangsbetaling på $ 295). Resultatene av den elektroniske utgaven er imidlertid gode, og du får mange alternativer for å redigere eller endre innstillinger, og en side om side-visning av det originale bildet og SVG-kopien.
• Vectorizer - En annen gratis tjeneste. Denne kommer med en veiviser som du kan for å velge de beste utdataparametrene (uskarphet, farger), eller du kan angi disse direkte. Resultatene var gode med noen finjusteringer, og størrelsen på det resulterende bildet var en tredjedel mindre enn den opprinnelige PNG-logoen.

Vector Magic

For Windows

Nå du: Kjenn til en annen online tjeneste eller et program for å konvertere bilder til SVG-format?