Bakit Gamitin ang SVG Files Sa halip na JPG

Mga Bentahe ng SVG

Habang nagtatayo ka ng isang website at nagdadagdag ng mga larawan sa site na iyon, ang isa kung ang pinakamahalagang bagay na dapat mong matukoy ay kung aling mga format ng file ang tamang mga gamit. Depende sa graphic, ang isang format ay maaaring mas mahusay kaysa sa iba.

Maraming mga taga-disenyo ng web ay komportable sa format ng JPG file, at ang format na ito ay perpekto para sa mga larawan na may malalim na lalim ng kulay, tulad ng mga litrato. Habang ang format na ito ay gumagana din para sa mga simpleng graphics, tulad ng mga icon na may larawan, hindi ito ang pinakamahusay na format na gagamitin sa pagkakataong iyon. Para sa mga icon na iyon, ang SVG ay magiging mas mahusay na pagpipilian. Tingnan natin nang eksakto kung bakit:

Ang SVG Ay Teknolohiya ng Vector

Nangangahulugan ito na hindi ito ang teknolohiya ng raster. Ang mga imahe ng vector ay isang kumbinasyon ng mga linya na nilikha gamit ang matematika. Ang mga file ng Raster ay gumagamit ng mga pixel o maliliit na mga parisukat ng kulay. Ito ay isang dahilan kung bakit ang SVG ay nasusukat at perpekto para sa mga tumutugon na mga website na dapat mag-scale kasama ang laki ng screen ng device. Dahil ang vector graphics ay umiiral sa mundo ng matematika, upang baguhin ang laki, palitan mo lang ang mga numero. Ang mga Raster file ay madalas na nangangailangan ng isang makabuluhang maingat na pagsusuri pagdating sa pagpapalaki. Kapag nais mong mag-zoom in sa isang imahe ng vector, walang pagbaluktot dahil ang sistema ay mathematic at ang browser ay muling nakalkula ang matematika na iyon at nagpapalabas ng mga linya bilang makinis gaya ng dati. Kapag nag-zoom ka sa isang imahe ng raster, nawalan ka ng kalidad ng imahe at ang file ay nagsisimula upang makakuha ng malabo habang sinimulan mong makita ang mga pixel ng kulay. Lumalawak ang Math at mga kontrata, ang mga pixel ay hindi. Kung nais mong maging independiyenteng resolusyon ang iyong mga imahe, magbibigay sa iyo ang SVG ng kakayahang iyon.

SVG Ay Text-Batay

Kapag gumamit ka ng isang editor ng graphics upang makabuo ng isang imahe, ang programa ay tumatagal ng isang larawan ng iyong nakumpletong likhang sining. Iba't ibang gumagana ang SVG. Maaari mo pa ring gamitin ang ilang mga program ng software at pakiramdam na tulad ng pagguhit mo ng isang larawan, ngunit ang huling produkto ay isang koleksyon ng mga linya ng vector o kahit na mga salita (na talagang mga vectors lamang sa pahina). Ang mga search engine ay tumingin sa mga salita, partikular na mga keyword. Kung nag-upload ka ng isang JPG , nililimitahan mo ang iyong sarili sa pamagat ng iyong graphic at marahil ang alt text phrase. Sa SVG coding, pinalawak mo ang mga posibilidad at lumikha ng mga imahe na mas madaling paghahanap-engine.

Ang SVG ay XML at Mga Gawa Sa loob ng Iba Pang Mga Format ng Wika

Ito ay bumalik sa text-based na code. Maaari mong gawin ang iyong base na imahe sa SVG at gamitin CSS upang polish ito. Oo, maaari kang magkaroon ng isang imahe na talagang isang SVG file, ngunit maaari mo ring code ang SVG nang direkta sa pahina at i-edit ito sa hinaharap. Maaari mong baguhin ito sa CSS sa parehong paraan na iyong baguhin ang teksto ng pahina, atbp Ito ay napakalakas at ginagawang madali para sa pag-edit.

Madaling Ini-edit ang SVG

Marahil ito ay ang pinakamalaking kalamangan. Kapag kumuha ka ng isang larawan ng isang parisukat, ito ay kung ano ito. Upang gumawa ng pagbabago, kailangan mong i-reset ang eksena at kumuha ng bagong larawan. Bago mo ito alam, mayroon kang 40 mga larawan ng mga parisukat at hindi pa rin ito masyadong tama. Sa SVG, kung nagkamali ka, baguhin ang mga coordinate o isang salita sa isang text editor, at tapos ka na. Maaari ko nauugnay sa ito dahil iginuhit ko ang isang lupon ng SVG na hindi nakaposisyon ng tama. Ang kailangan kong gawin ay ayusin ang mga coordinate.

Maaaring Maging Malakas ang mga JPG na Larawan

Kung nais mong lumaki ang iyong imahe sa pisikal na sukat, ito ay lumalaki din sa laki ng file. Sa SVG, isang pound ay pa rin ng isang libra kahit na gaano kalaki ang ginagawa mo. Ang isang parisukat na 2 pulgada ang lapad ay timbangin ang parehong bilang isang parisukat na 100 pulgada ang lapad. Ang laki ng file ay hindi nagbabago, na kung saan ay mahusay mula sa isang punto sa pagganap ng pahina!

Kaya Alin ang Mas Mabuti?

Kaya kung ano ang isang mas mahusay na format - SVG o JPG? Na depende sa imahe mismo. Ito ay tulad ng pagtatanong "kung ano ang mas mahusay, isang martilyo o isang screwdriver?" Depende ito sa kung ano ang kailangan mong gawin! Ang parehong ay totoo para sa mga format ng imahe. Kung kailangan mong magpakita ng isang larawan, pagkatapos ay ang JPG ang pinakamahusay na pagpipilian para sa iyo. Kung nagdadagdag ka ng isang icon, malamang na mas pinili ang SVG. Maaari kang matuto nang higit pa tungkol sa kung angkop na gamitin ang mga file na SVG dito .

Orihinal na artikulo ni Jennifer Krynin. Na-edit ni Jeremy Girard noong 6/6/17