Alamin Ano ang Webp? Mga Larawan ng Huling Henerasyon

Advertising

Ang pagmamay-ari ng isang website, blog o virtual na tindahan na may sobrang bilis ng paglo-load ay ang pagnanais ng lahat ng mga Webmaster sa planeta. Kaya ang isa sa mga paraan upang mapabuti ang bilis ng paglo-load ay sa pamamagitan ng paggamit ng mga format ng imahe ng Webp. Ngunit marahil ay nagtataka ka ngayon, ano ang impiyerno ng format na ito?

 

Ito ay walang iba kundi isang modernong format ng imahe na may mataas na kalidad na pamantayan. Ngunit sa laki ng file nito na mas maliit kaysa sa Jpeg at Png file.

 

Sa maikli at mabilis na artikulong ito, matututunan mo ang lahat tungkol sa mga cutting-edge na larawan, pati na rin kung paano gamitin ang modernong format ng larawang ito sa iyong mga proyekto sa WordPress. Kaya't matuto pa tayo?

webp o que e

Ano ang WebP?

Ito ay hindi hihigit sa isang modernong format para sa mga file ng imahe na nilikha mismo ng Google nang higit pa o mas kaunti noong 2010. Ang format na ito naman ay nag-aalok ng mas mataas na mga rate ng compression para sa mga imahe habang pinapanatili ang kalidad nito siyempre.

 

Kaya sa gayon, ang mga developer ng website ay maaaring lumikha ng mga larawan na may mas maliit na mga file, kaya nagbibigay ng mas mabilis na pag-load.

 

Gumagamit ang format ng larawang ito ng mas makapangyarihang mga diskarte sa pag-compression, parehong sa uri ng Lossy (lossy) at sa uri ng Lossless (walang pagkawala), kapag inihambing sa mga format na Jpeg at Png. Ang lossless compression rate ay nangangahulugan na ang bawat Bit ng orihinal na data ay mananatiling pareho pagkatapos i-extract ang mga file.

 

Gayunpaman, ang lossless compression rate ng Webp ay magbibigay-daan sa iyo na bawasan ang laki ng mga larawan nang hanggang 25%, kapag inihambing sa isang PNG file. Gayunpaman, mayroon ding lossy compression, na binabawasan naman ang laki ng file kapag inalis ang isang tiyak na halaga ng orihinal na data.

 

Kaya kapag gumagamit ng forward programming upang gawin ang pag-encode ng imahe, ang lossy type na Webp ay nagbibigay ng katulad na kalidad sa Jpeg file. Binabawasan ang laki ng larawan mula 24 hanggang 34%.

 

Ano ang mga pakinabang ng paggamit nito?

Tulad ng nabanggit na sa nakaraang paksa, ang paggamit ng mas maliliit na laki ng imahe ay maaari talagang gumawa ng malaking pagkakaiba sa iyong website, blog o online na tindahan. Dahil ito ay makakatulong sa pag-load ng pahina nang higit pa mabilis.

 

Ang isa pang positibong punto na hindi namin mabibigo na banggitin ay ang paggamit ng mga imahe sa bagong format na ito ay makakatipid ka rin ng mas maraming bandwidth sa server. Halimbawa: kung ikaw ay isang photographer at gumagamit ng maraming larawan.

 

Kaya't para mas maging mas mahusay ang iyong pang-unawa, narito ang isang maikling paliwanag tungkol sa mga format na Png at Jpeg.

  • PNG: ito ay tiyak na isang mahusay na uri ng file at nagpapanatili ng kalidad ng imahe, kahit na naka-compress. Ang ganitong uri ng format ay mabuti para sa mga larawang gumagamit ng maraming pixel o data.

 

Halimbawa: mga logo, mga larawang naglalaman ng maraming teksto at mga guhit. Gayunpaman, ang uri ng file na ito ay hindi gagana nang maayos sa mga litrato.

  • Jpg o Jpeg: Ito ay isang mahusay na format para sa mga imahe na gumagamit ng maraming kulay, at ito rin ang ginustong opsyon para sa mga still na imahe. Ngunit gayunpaman ang ganitong uri ng file ay may isang downside, nawawalan ito ng kalidad kapag na-compress.

 

Iyon ang dahilan kung bakit ang mga imahe sa Webp ay ang perpektong kumbinasyon na nag-aalok ng pinakamahusay sa pagitan ng 2 format na nabanggit. Bilang karagdagan sa pagbibigay ng mas maliit na format, palagi nitong pinapanatili ang kalidad ng imahe.

 

Ang iyong mga disadvantages:

Kaya ngayong alam mo na ang mga pakinabang ng paggamit ng mga makabagong format ng imahe, babanggitin din namin ang ilang mga kawalan. Gayunpaman, ginagarantiya namin na ang mga pakinabang ay mas malaki.

 

Una sa lahat, gusto naming sabihin na ang mga browser tulad ng Google Chrome, Firefox at Opera, na pinaka ginagamit sa mundo, ay sumusuporta sa Webp file. Ngunit ang mga browser ng Internet Explorer at Safari ay hindi pa rin ginagawa. Ngunit siyempre, ang 2 browser na huling nabanggit ay tiyak na hindi naiwan at hindi nagtagal ay sinuportahan din ang format.

 

At kung gumagamit ka ng platform ng WordPress, alamin na sinusuportahan nito ang mga larawang tulad nito sa format na ito. Kaya nangangahulugan ito na posibleng mag-upload (mag-upload) ng mga makabagong file sa iyong media library sa WordPress. At mayroon ding mga plugin upang gawin ang conversion, tulad ng makikita natin sa ibaba.

 

Paano gamitin ang Webp sa WordPress:

Gumawa kami ng maliit na listahan na may ilang mga plugin na magagamit mo upang gawing Webb ang iyong mga larawan.

 

ShortPixel:

Maaari kang magpakita ng mga makabagong larawan sa iyong WordPress site nang madali gamit ang plugin ShortPixel. Ito ay isang libre at simpleng gamitin na plugin. Sa pamamagitan nito, mapapabuti mo rin ang Seo ng iyong proyekto sa web, dahil mas mabilis itong maglo-load at ma-optimize.

 

Gumagamit ang ShortPixel ng kaunting mapagkukunan at perpektong gumagana sa anumang uri ng pagho-host ng website, tulad ng Shared, Cloud, Dedicated at Vps hosting.

 

Available ang lossy at lossless na image compression para sa mga pinakaginagamit na file tulad ng Jpg, Jpeg at Png, at pati na rin ang mga file sa format na Pdf.

 

Ang paggamit ng mga na-optimize na larawan ay nagpapabuti sa karanasan ng gumagamit, pati na rin ang pagpapabuti ng mga marka ng PageSpeed, GTMetrix, at Pingdom ng Mga Developer. Pagpapabuti ng iyong ranggo ng pahina at dahil dito nadagdagan ang iyong mga bisita. Napakahusay na opsyon sa plugin, at mayroon nang 200,000 aktibong pag-install sa buong mundo.

 

WebP Express:

Ang isa pang mahusay na pagpipilian ay ang plugin WebP Express. Ginagamit ng plugin na ito ang Webp Convert Library upang baguhin ang mga larawan. At kaya naman nagsisilbi itong super converter na bumubuo ng mga file para sa mga web browser na sumusuporta sa format ng larawang ito. Ngunit nagpapakita rin ito ng mga format na Png at Jpg para sa mga browser na hindi sumusuporta dito.

 

Tugma din ito sa lahat ng serbisyo sa pagho-host, kumokonsumo ng mas kaunting bandwidth ng server, kaya pinapabuti ang oras ng paglo-load ng iyong website. Ang plugin ay isa ring mahusay na opsyon at mayroon nang higit sa 60,000 aktibong pag-install.

 

Imaginify:

Palakasin ang iyong web site, blog o virtual na tindahan gamit ang Isipin mo, palaging may mas matalas na larawan nang hindi nawawala ang kalidad. Ito ay itinuturing na pinaka-advanced na tool hanggang sa kasalukuyan upang magamit sa WordPress. Ito ay katugma din sa lahat uri ng pagho-host, at nag-aalok ng 3 magkakaibang antas ng compression.

 

Mayroon itong 2 bersyon, ang isa ay libre na nagbibigay-daan sa iyong i-optimize ang 25 Mb ng mga file ng imahe (humigit-kumulang 250 mga larawan bawat buwan). Ang Imagify ay mayroon ding bayad na bersyon na nagsisimula sa $$4.99 bawat buwan, na nagbibigay-daan sa iyong mag-optimize ng hanggang 10,000 mga larawan (mga 1Gb).

 

At ito ay napupunta sa pinakamahal na plano ng $ 69.99 dollars na nagbibigay-daan sa iyong mag-optimize ng hindi bababa sa 500,000 mga imahe bawat buwan (mga 50Gb). Ngunit sulit ang bawat sentimos na binayaran anuman ang plano.

 

Maikling konklusyon:

Kaya ngayon na nasa paksa ka na ng mga larawan sa Webp, na tiyak na makakatulong sa iyong magkaroon ng mataas na kalidad na mga larawan at mas maliliit na laki ng file na may higit na kalidad sa iyong website.

 

Malamang na gugustuhin mong simulan kaagad ang paggamit ng mga larawan sa format na ito, dahil ang layunin nito ay i-load ang iyong site nang mas mabilis at iyon ang gusto mo.

 

Bilang karagdagan sa pag-save ng bandwidth ng iyong server kung gumagamit ka ng maraming mga imahe sa iyong mga proyekto. Tulad ng nabanggit sa artikulo ay may mga pakinabang at kawalan, ngunit tiyak na ang paggamit nito ay mas kapaki-pakinabang.

 

Umaasa kaming nasiyahan ka sa artikulong ito at mga kamay, i-optimize ang iyong site at makita ka sa susunod na artikulo ?

 

 

Basahin din:

? Ang Pinakamahusay na Libreng Mga Bangko ng Larawan sa Internet.
? Paano Ito Gumagana at Paano Gamitin ang Google Images Search?