Kuinka muuntaa JPG- ja PNG-kuvat SVG-tiedostoiksi

Perinteiset kuvamuodot, kuten JPG, PNG tai GIF, ovat erittäin suosittuja, mutta niillä on haittoja, joiden vuoksi niiden käyttö on vähemmän kuin ihanteellinen tietyissä sovelluksissa.

Jos luot esimerkiksi reagoivan verkkosivuston, haluat kuvia, jotka näyttävät hyvältä riippumatta niiden leveydestä ja korkeudesta, jossa ne näytetään. Perinteiset kuvat näyttävät huonoilta, kun esimerkiksi suurennat niitä liikaa.

Saatat joutua näyttämään kuvan myös erikokoisina, esimerkiksi pikkukuvina blogin hakemistosivulla ja täysresoluutiokuvana linkitetyssä artikkelissa.

Vaikka voit luoda yhdestä kuvasta erilaisia ​​versioita, jotta valitaan sopivin kuva, se tarkoittaa, että tarvitset siihen lisää tallennustilaa muun muassa.

SVG-kuvamuoto on vektorimuoto. Tämä tarkoittaa, että sen kokoa voidaan pienentää tai suurentaa ilman laadun heikkenemistä (skaalautuva). Se on hienoa, jos haluat näyttää kuvan useissa paikoissa eri resoluutioilla.

Muita SVG: n etuja on, että sen koko on yleensä paljon pienempi ja se antaa verkkovastaaville jonkin verran joustavuutta muutosten tekemisessä, koska jotkut voidaan tehdä CSS: ssä.

Yksi esimerkki: Terence Eden toi SVG: n suosittujen Internet-yritysten, kuten Twitter, Amazon, WhatsApp, YouTube tai Reddit, logot. Logon koko pienennettiin alle 1 kilotavuun, joskus jopa 200 tavuun. Esimerkiksi PNG-muodossa olevan Twitter-logon koko on 20 kilotavua, SVG-version koko on 397 tavua.

SVG on hyvä muoto logoille ja kuvakkeille, mutta ei oikeastaan ​​sopiva valokuvien ja muun tyyppisten kuvien suhteen, joissa näkyy monia erilaisia ​​esineitä.

Muuntaminen SVG: ksi

Tämä opas keskittyy sovelluksiin, joita voit käyttää muuntaaksesi kuvia suoraan SVG-tiedostoiksi. Tämä ei ole opetusohjelma vektorigrafiikan luomiseen alusta alkaen suunniteltujen sovellusten käytöstä. Voit käyttää vektorigrafiikan muokkausohjelmia, kuten Adobe Illustrator (linkkejämme ei edelleenkään ole Adobe-käytäntöön), Inkscape tai LibreOffice Draw.

Saatavana on paljon ilmaisia ​​muuntajia, joita voit käyttää verkossa, mutta muuntoprosessin suhteen ne ovat melko rajoitetut. Vaikka ne saattavat riittää muuntamaan yksinkertaisen logon, joka on saatavana png- tai jpg-tiedostona, svg-tiedostoksi, tulokset eivät ole erityisen hyviä suurimman osan ajasta.

Näin arvioin palvelut: latasin Ghacks-logon ja kokeilin muunnoksia useilla kymmenillä SVG-muuntimilla. Arvioin tulosta ja hylkäin kaikki palvelut, jotka eivät antaneet hyviä tuloksia.

  • Aconvert - Palvelu ottaa syötteenä paikallisen tiedoston tai URL-osoitteen. Ainoa sen tarjoama vaihtoehto on muuttaa kuvan tarkkuutta. Tuloksena oleva kuva näytti Ghacks-logolta, mutta sen koko oli melkein kaksinkertainen logon PNG-version kokoon.
  • Vector Magic - saatavana online-muuntimena ja Windows-työpöytäohjelmana. Se ei ole kuitenkaan ilmainen (online maksaa 7, 95 dollaria kuukaudessa, työpöytäpaketti kertaluonteinen maksu 295 dollaria). Verkkoversion tulokset ovat kuitenkin hyviä, ja saat paljon vaihtoehtoja asetusten muokkaamiseen tai muokkaamiseen sekä alkuperäisen kuvan ja svg-kopion vierekkäiseen näyttöön.
  • Vectorizer - Toinen ilmainen palvelu. Tämän mukana tulee ohjattu toiminto, jolla voit valita parhaat tulostusparametrit (sumeus, värit) tai voit asettaa ne suoraan. Tulokset olivat hyviä mukautettaessa, ja tuloksena olevan kuvan koko oli kolmanneksella pienempi kuin alkuperäinen PNG-logo.

Nyt sinä: tiedätkö toisen verkkopalvelun tai ohjelman, jolla voit muuntaa kuvia SVG-muotoon?