Kuidas teisendada JPG- ja PNG-pilte SVG-ks

Traditsioonilised pildivormingud nagu JPG, PNG või GIF on väga populaarsed, kuid neil on puudusi, mis muudavad nende kasutamise teatud rakenduste jaoks vähem kui ideaalseks.

Näiteks kui loote tundliku veebisaidi, soovite pilte, mis näevad head välja olenemata laiusest ja kõrgusest, milles neid kuvatakse. Traditsioonilised pildid näevad halvad välja, kui suurendate neid näiteks liiga palju.

Võimalik, et peate pilti kuvama ka erinevates suurustes, näiteks pisipildina blogi indekslehel ja täisresolutsiooniga pildina lingitud artiklis.

Ehkki saate luua ühest pildist erinevaid versioone, et valida kõige sobivam pilt, tähendab see, et vajate muu hulgas selleks rohkem salvestusruumi.

SVG pildivorming on vektorvorming. See tähendab, et selle suurust saab kvaliteedi kadumiseta vähendada või suurendada (skaleeritav). See on suurepärane, kui peate pilti mitmes eraldusvõimega kuvama.

Muud SVG eelised on see, et selle suurus on tavaliselt palju väiksem ja see annab veebimeistritele muudatuste tegemisel teatud paindlikkuse, kuna neid saab teha otse CSS-is.

Üks näide: Terence Eden lõi SVG-s populaarsete Interneti-ettevõtete nagu Twitter, Amazon, WhatsApp, YouTube või Reddit logod. Logode suurus vähendati vähem kui 1 kilobaiti, mõnikord isegi 200 baiti. Näiteks PNG-vormingus Twitteri logo on 20 kilobaiti, SVG-versiooni suurus 397 baiti.

SVG on hea vorming logode ja ikoonide jaoks, kuid ei sobi tegelikult fotode ja muud tüüpi piltide puhul, mis näitavad palju erinevaid objekte.

Teisendamine SVG-ks

See juhend keskendub rakendustele, mida saate kasutada piltide otse SVG-ks teisendamiseks. See ei ole õpetus rakenduste kasutamiseks, mis on loodud nullgraafiku loomiseks vektorgraafikast. Selleks võite kasutada vektorgraafika redigeerijaid, näiteks Adobe Illustrator (meie lingid Adobe reeglitele pole endiselt olemas), Inkscape või LibreOffice Draw.

LibreOffice'i loosimine

Windowsi jaoks

Saadaval on palju tasuta muundureid, mida saate võrgus käitada, kuid teisendusprotsessi osas on need üsna piiratud. Kuigi need võivad olla lihtsad png või jpg kujul saadaval oleva logo teisendamiseks svg-ks, pole tulemused enamasti ülihead.

Teenuseid hindasin järgmiselt: laadisin alla Ghacks'i logo ja proovisin konversioone mitmel tosinal SVG-muunduril. Hindasin tulemust ja viskasin ära kõik teenused, mis ei andnud häid tulemusi.

• Teisendamine - teenus võtab sisendiks kohaliku faili või URL-i. Ainus võimalus, mida see pakub, on pildi eraldusvõime muutmine. Saadud pilt nägi välja nagu Ghacks logo, kuid selle suurus oli peaaegu kaks korda suurem kui logo PNG versioon.
• Vector Magic - saadaval Windowsi veebimuunduri ja töölauaprogrammina. See pole siiski tasuta (võrgus maksab 7 dollarit.95 kuus, lauaarvutite ühekordne makse 295 dollarit). Veebiväljaande tulemused on aga suurepärased ning teil on palju võimalusi sätete muutmiseks või muutmiseks ning originaalpildi ja svg-koopia kõrvuti kuvamine.
• Vectorizer - veel üks tasuta teenus. Sellega kaasneb viisard, mille abil saate valida parimad väljundparameetrid (hägusus, värvid) või saate need otse seadistada. Tulemused olid mõningase kohandamise korral head ja saadud pildi suurus oli kolmandiku võrra väiksem kui algsel PNG logol.

Vektormaagia

Windowsi jaoks

Nüüd sina: Teadke mõnda muud veebiteenust või -programmi piltide teisendamiseks SVG-vormingusse?