Kako pretvoriti JPG i PNG slike u SVG

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

Ako na primjer izradite responzivno web mjesto, želite slike koje izgledaju dobro bez obzira na širinu i visinu u kojima su prikazane. Tradicionalne slike izgledaju loše kad ih, na primjer, 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 u punoj razlučivosti u povezanom članku.

Iako možete stvoriti različite verzije jedne slike tako da se odabere najprikladnija, to između ostalog za to treba više prostora za pohranu.

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 sliku trebate prikazati na više mjesta u različitim razlučivostima.

Ostale su prednosti SVG-a u tome što je njegova veličina obično puno manja i što webmasterima daje određenu fleksibilnost kada je riječ o promjenama, jer se neke mogu izravno izvršiti u CSS-u.

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

SVG je dobar format za logotipe i ikone, ali zapravo nije prikladan kada su u pitanju fotografije i druge vrste slika koje prikazuju mnogo različitih predmeta.

Pretvaranje u SVG

Ovaj se vodič koncentrira na programe koje možete koristiti za izravno pretvaranje slika u SVG. Ovo nije vodič o korištenju aplikacija dizajniranih za stvaranje vektorske grafike od nule. Za to možete koristiti uređivače vektorske grafike, kao što su Adobe Illustrator (naša veza do Adobe pravila i dalje ne postoji), Inkscape ili LibreOffice Draw.

LibreOffice Crtanje

Za sustav Windows

Dostupno je puno besplatnih pretvarača koje možete pokrenuti putem interneta, ali oni su prilično ograničeni kada je u pitanju postupak pretvorbe. Iako mogu biti dovoljni za pretvaranje jednostavnog logotipa koji je dostupan kao png ili jpg u svg, rezultati većinu vremena nisu super dobri.

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

• Aconvert - Usluga uzima lokalnu datoteku ili URL kao ulaz. Jedina opcija koju nudi je promjena razlučivosti slike. Rezultirajuća slika izgledala je kao logotip Ghacks, ali veličina je bila gotovo dvostruko veća od PNG verzije logotipa.
• Vector Magic - dostupan kao mrežni pretvarač i program za radnu površinu za Windows. Međutim, nije besplatno (internetska cijena košta 7 USD.95 mjesečno, stolno izdanje jednokratna uplata od 295 USD). Rezultati internetskog izdanja su sjajni, međutim, dobivate puno mogućnosti za uređivanje ili izmjenu postavki te paralelni prikaz izvorne slike i svg kopije.
• Vektorizator - Još jedna besplatna usluga. Ovaj dolazi s čarobnjakom za odabir najboljih izlaznih parametara (zamućenje, boje) ili ih možete izravno postaviti. Rezultati su bili dobri s određenim podešavanjima, a veličina rezultirajuće slike bila je za trećinu manja od izvornog PNG logotipa.

Vektorska magija

Za sustav Windows

Sada Vi: Znajte za još jednu internetsku uslugu ili program za pretvorbu slika u SVG format?