Kako pretvoriti JPG i PNG slike u SVG

Tradicionalni formati slika poput JPG, PNG ili GIF vrlo su popularni, ali imaju nedostatke zbog kojih je njihova upotreba manje od idealne za određene aplikacije.

Ako, primjerice, stvorite responzivno web mjesto, želite da slike izgledaju dobro bez obzira na širinu i visinu u kojoj se prikazuju. Tradicionalne slike izgledaju loše kad ih, primjerice, previše povećate.

Možda ćete trebati prikazati i sliku u različitim veličinama, na primjer, kao sličicu na indeksnoj stranici bloga i kao sliku pune razlučivosti u povezanom članku.

Iako možete kreirati različite verzije jedne slike tako da se odabere najprikladnija, to znači da će vam za to trebati više prostora za pohranu između ostalog.

SVG format slike je vektorski format. To znači da se njegova veličina može smanjiti ili povećati bez gubitka kvalitete (skalabilno). To je sjajno ako trebate prikazati sliku na više mjesta koristeći različite rezolucije.

Ostale prednosti SVG-a su u tome što je njegova veličina obično mnogo manja, te daje webmasterima određenu fleksibilnost u pogledu izmjene na njemu, jer se neke mogu izravno uraditi u CSS-u.

Jedan primjer: Terence Eden ponovno je stvorio logotipe popularnih internetskih kompanija poput Twittera, Amazona, WhatsAppa, YouTubea ili Reddita u SVG-u. Veličina logotipa smanjena je na manje od 1 kilobajta, ponekad čak i do 200 bajta. Na primjer, logotip Twittera u PNG formatu ima veličinu od 20 kilobajta, a SVG verzija veličine 397 bajta.

SVG je dobar format za logotipe i ikone, ali nije baš prikladan kada su u pitanju fotografije i druge vrste slika na kojima se vidi mnogo različitih predmeta.

Pretvaranje u SVG

Ovaj se vodič koncentrira na aplikacije koje možete izravno pretvarati u SVG. Ovo nije tutorial o korištenju aplikacija dizajniranih za kreiranje vektorske grafike od početka. Možete koristiti uređivače vektorske grafike kao što su Adobe Illustrator (naše veze do Adobe pravila i dalje ne stoje), Inkscape ili LibreOffice Draw za to.

Na raspolaganju je mnoštvo besplatnih pretvarača koje možete pokrenuti putem interneta, ali oni su prilično ograničeni kada je riječ o procesu pretvorbe. Iako su možda dovoljni za pretvaranje jednostavnog logotipa koji je dostupan u obliku png ili jpg u svg, rezultati većinu vremena nisu super dobri.

Evo kako sam procijenio usluge: preuzeo sam Ghacks logotip i isprobao pretvorbe na nekoliko desetaka SVG pretvarača. Prosuđivao sam rezultat i odbacio svaku uslugu koja nije dala dobre rezultate.

  • Aconvert - usluga uzima lokalnu datoteku ili URL kao ulaz. Jedina opcija koju pruža je promjena razlučivosti slike. Rezultirajuća slika izgledala je kao logo Ghacks-a, ali njegova je veličina gotovo dvostruko veća od PNG verzije logotipa.
  • Vector Magic - dostupan kao internetski pretvarač i desktop program za Windows. Međutim, to nije besplatno (internetska cijena iznosi 7, 95 USD mjesečno, izdanje za desktop jednokratno plaćanje 295 USD). Rezultati internetskog izdanja su odlični, a vi imate puno opcija za uređivanje ili izmjenu postavki i bočni prikaz originalne slike i svg kopije.
  • Vectorizer - Još jedna besplatna usluga. Ovaj dolazi s čarobnjakom pomoću kojeg možete odabrati najbolje izlazne parametre (zamućenje, boje) ili ih možete izravno postaviti. Rezultati su bili dobri uz podešavanje, a veličina rezultirajuće slike bila je za trećinu manja od izvornog logotipa PNG-a.

Sada vi: Znate li neku drugu internetsku uslugu ili program za pretvaranje slika u SVG format?