Munyika yekugadzirwa kwewebhu, kune akawanda mafomati emifananidzo ekusarudza kubva. Maviri emafomati anozivikanwa ndeyeWebP uye SVG.
Vese vane mabhenefiti avo akasiyana uye zvinokanganisa, saka ndeipi yakakodzera purojekiti yako?
Iyi blog post inofananidza WebP neSVG padivi-ne-parutivi kuti ikubatsire kuita sarudzo yakanaka kune zvaunoda.
Chii chinonzi WebP?
WebP chimiro chitsva chemufananidzo chakaburitswa neGoogle muna 2010. Yakagadzirirwa kudzvanya mapikicha kupfuura JPEGs uye PNGs, zvichikonzera diki faira. Izvi zvinoita kuti mifananidzo itakure nekukurumidza pamawebhusaiti, izvo zvinogona kuvandudza ruzivo rwemushandisi.
WebP haina kutsigirwa zvakanyanya seJPEG kana PNG parizvino, asi zvishoma nezvishoma iri kuwana traction. Unogona kushandisa mifananidzo yeWebP pamawebhusaiti anovatsigira, kana unogona kushandura JPEG kana maPNG kuita WebP uchishandisa zvishandiso zvepamhepo.
Zvimiro zveWebP
1. Yakarasika Format
WebP ifomati yemifananidzo isingarasikirwe, zvichireva kuti mhando yemufananidzo haina kuderedzwa kana yachengetwa. Izvi zvinopesana neJPEG, inova fomati yakarasika, zvichireva kuti imwe mhando yemufananidzo inorasika kana mufananidzo wakadzvanywa.
Iko kutengeserana kwekumanikidza kusingarasikike uku ndiko kuti mifananidzo yeWebP inowanzova yakakura.
2. Compression Ratio
Iyo yekumanikidza reshiyo yemifananidzo yeWebP inosiyana zvichienderana nemhando yekumisikidza. Semuenzaniso, pakugadzika kwemhando ye50%, mufananidzo weWebP unogona kunge uri hafu yehukuru hweJPEG yemhando yakafanana.
3. Tsigiro
Iyo fomati itsva, uye ichiri kukura. Haisi kutsigirwa zvakanyanya seJPEG kana PNG. Nekudaro, inotsigirwa neakasiyana mabrowser.
4. chibatiso
WebP ifomati yakavhurika. Izvi zvinoreva kuti haina encrypted. Nekudaro, yakagadzirirwa kuve yakachengeteka fomati, uye yakaedzwa zvakanyanya neGoogle.
WebP Zvakanakira & Zvakaipa
zvayakanakira
- Madiki mafaira saizi
- Kurumidza kurodha nguva
- Unhu huri nani
- Kuwedzera kugamuchirwa neGoogle, Facebook, uye Twitter
nezvayakaipira
- Haasi ese mabhurawuza anotsigira WebP
- Mimwe michina yechikuru inogona kusakwanisa kuratidza mifananidzo yeWebP
- Iko hakuna kudzoreredza kwemifananidzo yeWebP, saka kana browser isingakwanise kuaratidza, mufananidzo wacho hauzoratidzike zvachose.
- Kushandura mifananidzo kuWebP kunogona kutora nguva
Chii chinonzi SVG?
SVG ndeye vector graphic fomati inotsigirwa nevazhinji vemazuva ano mabhurawuza. Vector graphics mifananidzo inoumbwa nemitsetse nemacurves, pane mapixels.
Izvi zvinoita kuti ive yakanakira marogo, mifananidzo, uye mamwe magirafu anoda kukwidziridzwa kumusoro kana pasi pasina kurasikirwa nemhando.
MaSVG anogona kushandiswa mune akawanda maapplication. Semuenzaniso, vanogona kushandiswa mu Photoshop kugadzira zvidhori uye logos. Ivo vanogona kushandiswa muInDesign kugadzira marongero emagazini uye kunyange kudhinda mifananidzo.
MaSVG anogona kuiswa muHTML neCSS kugadzira webhu giraidhi nemifananidzo.
Zvimiro zveSVG
1. Scalable Vector Graphics
Iwe unogona kuyera maSVG kumusoro kana pasi nekuti ivo vakazvimiririra sarudzo. Ivo vanozotaridzika zvakanaka pane chero saizi yescreen, kubva kune nharembozha kuenda kuRetina kuratidza. Vector-based mafomati zvakare anotsigira gradients, mimvuri, uye anti-aliasing.
2. kugarisana
SVG inotsigirwa nemabhurawuza ese emazuva ano, anosanganisira Firefox, Safari, Chrome, Opera, uye Internet Explorer 10 zvichikwira.
3. Kugadzirisa
MaSVG akagadzirwa kuti agone kurongeka. Iwe unogona kuwedzera zvinyorwa, maumbirwo, uye zvimwe zvinhu kumifananidzo. Iwe unogona kuwedzera hyperlink kumifananidzo. Iwe unogona kugadzirisa iyo mifananidzo mu Photoshop kana InDesign.
4. Yakaiswa muHTML
SVGs inogona kuiswa mumapeji eHTML uchishandisa iyo tag. Izvi zvinokutendera kuti uzviise chero kupi pane peji, uye ivo vanozoyerwa otomatiki kuti vakwane saizi yemudziyo.
Iwe unogona zvakare kushandisa CSS kudzora chinzvimbo uye chimiro cheSVGs.
SVG Zvakanakira & Zvakaipa
zvayakanakira
- MaSVGs akasarudzika-akazvimirira, zvichireva kuti anozotaridzika zvakanaka pane chero mudziyo.
- Anowanzo madiki pane echinyakare bitmap mifananidzo, zvichireva kuti anotakura nekukurumidza.
- Vanogona kuve nehupenyu, vachikupa kutonga kwakawanda pamusoro pekuti zvemukati zvinotaridzika sei uye maitiro.
- Unogona kuzvibata zviri nyore neCSS neJavaScript, uchiita kuti zvive zvakasiyana.
nezvayakaipira
- MaSVG anogona kunetsa kugadzira uye kugadzirisa pasina nyanzvi software.
- Ese mabhurawuza haavatsigire, saka ungangoda kupa mifananidzo yekudzokera kumashure kune vashandisi vasingakwanise kuona zveSVG.
WebP vs SVG: Mhedziso
Pakazara, zvinoenderana nezvauri kuedza kuita. Kana iwe uchida madiki faira saizi uye mamwe mapikicha akajeka, SVG ndiyo nzira yekuenda.
Nekudaro, kana iwe usinganetseki kupira zvishoma kurongeka kwekukurumidza kurodha nguva uye madiki faira saizi, saka WebP inogona kunge iri nani.
Chero fomati yaunosarudza, ita shuwa yekuyedza sarudzo dzakasiyana uye uone izvo zvinoshanda zvakanyanya kune zvaunoda chaizvo.
Leave a Reply