Badilisha PNG kuwa WebP

Punguza ukubwa wa picha za skrini, nembo na picha za bidhaa zilizokatwa za PNG kwenye tovuti yako kuwa faili za WebP zinazohifadhi kingo zake zenye uwazi na kupakia kwa sehemu ndogo tu ya muda. Chagua ubanaji wenye upotevu au bila upotevu, badilisha, kisha pakia matokeo kwenye CMS yako.

au buruta Faili za JPG, JPEG, JPE … hapa ·

Hadi MB 95 kwa faili· Hadi faili 20· Hufutwa baada ya dakika 30

Matokeo

Badilisha kuwa

Faili huchakatwa kwenye seva zetu na kufutwa baada ya dakika 30.

Jinsi ya kutumia zana hii

1
Weka faili za PNG
Buruta hadi PNG 20 kwenye eneo la kupakia au zichague kutoka kwenye folda. Kila faili inaweza kuwa hadi MB 95, kiasi kinachotosha hata mockup kubwa sana zilizohamishwa.
2
Chagua yenye upotevu au bila upotevu
Ukurasa huanza na Ubora 80 katika hali ya hasara, uwiano mzuri kwa picha na michoro ya kwenye wavuti. Weka alama kwenye Isiyo na hasara chini ya Mipangilio ya hali ya juu kwa aikoni, pixel art au picha za skrini za UI zinazopaswa kubaki pikseli kwa pikseli.
3
Badilisha na ubadilishe faili za zamani
Bonyeza Badilisha kuwa WebP kisha pakua faili moja moja au kama ZIP.

Jibu

Je, inafaa kubadilisha PNG kuwa WebP?

Kwa picha za kwenye tovuti, karibu kila mara. Picha ile ile, pamoja na uwazi wake, kwa kawaida hutoka ndogo zaidi kwa kiasi kikubwa, na kila kivinjari cha sasa huionyesha. Weka PNG kwa faili unazoendelea kuhariri au kuwatumia watu wanaozifungua kwenye programu za kompyuta.

Kwa nini wasanidi wa tovuti hubadilisha PNG kuwa WebP

PNG haina hasara kwa muundo: ilisanifishwa na W3C mwaka 1996 kama mbadala usio na hataza wa GIF na haitupi data ya pikseli kamwe. Hilo ni bora kwa faili kuu na ni upotevu kwenye ukurasa wa wavuti, ambapo mchoro mkuu wa 1600 px uliohifadhiwa kama PNG unaweza kuwa mzito kuliko script zote za ukurasa zikijumlishwa.

Google ilianzisha WebP mwaka 2010 kuziba pengo hilo. Ina injini mbili ndani ya kontena moja: hali isiyo na hasara ambayo ulinganisho uliochapishwa na Google wenyewe unaonyesha ni takriban 26% ndogo kuliko PNG, na hali yenye hasara inayotegemea kodeki ya video ya VP8 ambayo ni ndogo zaidi. Hali zote mbili hubeba alpha channel kamili, kipengele kinachofanya nembo na picha za bidhaa zilizokatwa zitumike kwenye mandharinyuma yenye rangi.

Zana za kupima kasi ya ukurasa kama PageSpeed Insights kwa muda mrefu zimeonyesha faili kubwa za PNG na JPEG kama akiba rahisi, na seti ya picha zilizobadilishwa mara nyingi ndiyo njia ya haraka zaidi ya kuboresha Largest Contentful Paint. Ikiwa picha pia zinahitaji vipimo vipya, zipitishe kwenye kibadilisha ukubwa wa picha kwanza, kisha zibadilishe.

WebP inakuwa ndogo kiasi gani ikilinganishwa na PNG

PNG asili

MB 1,2

1600 × 900 · 24-bit na alpha, picha ya bidhaa iliyokatwa

kwa kawaida ndogo kwa 80–85%

WebP, ubora 80

KB 190

1600 × 900 · yenye hasara, alpha channel imehifadhiwa

PNG

Portable Network Graphics

PNG ni muundo wa raster usio na upotevu uliochapishwa mwaka 1996 na PNG Development Group na baadaye kusanifishwa na W3C na ISO. Huhifadhi kila pikseli kama ilivyo, unaunga mkono uwazi kamili wa alpha na hushughulikia maandishi, kingo kali na rangi tambarare bila kasoro. Usahihi huo hufanya iwe bora kwa picha za skrini, nembo, aikoni na michoro ya kiolesura. Gharama yake ni ukubwa: picha zilizohifadhiwa kama PNG mara nyingi ni kubwa mara kadhaa kuliko picha hiyo hiyo kama JPEG au WebP. Vivinjari vyote, mifumo ya uendeshaji na vihariri hufungua faili za PNG.

Ubanaji: Bila upotevu
Uwazi: Ndiyo
Uhuishaji: Hapana
Mwaka ulioanzishwa: 1996 · PNG Development Group

Kigeuzi cha PNG

WEBP

Picha ya WebP

WebP ni umbizo la picha lililotolewa na Google mwaka 2010 ili kufanya kurasa za wavuti zipakie haraka. Linasaidia mgandamizo wenye upotevu na usio na upotevu, uwazi wa alpha na uhuishaji katika umbizo moja. Faili za WebP zenye upotevu kwa kawaida ni ndogo kwa 25–35% kuliko JPEG za ubora wa kuonekana unaofanana, na WebP isiyo na upotevu kwa kawaida ni ndogo kuliko PNG. Kila kivinjari cha sasa kinalisaidia, lakini baadhi ya programu za zamani za kompyuta, huduma za uchapishaji na fomu za kupakia bado huzikataa. Windows, macOS na vihariri vingi vya kisasa vya picha vinaweza kufungua faili za WebP.

Ubanaji: Yenye upotevu au bila upotevu
Uwazi: Ndiyo
Uhuishaji: Ndiyo
Mwaka ulioanzishwa: 2010 · Google

Kigeuzi cha WEBP

Wamiliki wa tovuti hubadilisha PNG kuwa WebP ili kupunguza uzito wa ukurasa huku wakihifadhi uwazi; kutoka WebP kurudi PNG ni kwa ajili ya kuhariri au kufungua faili kwenye programu isiyosoma WebP.

Takwimu za juu ni matokeo ya kawaida kwa picha ya fotografia iliyokatwa, si ahadi. Michoro bapa hupungua kidogo katika hali yenye hasara na wakati mwingine zaidi katika hali isiyo na hasara. Picha za skrini zilizojaa maandishi ndizo hali pekee ambapo WebP yenye hasara inaweza kufifisha kingo za herufi; weka alama kwenye Isiyo na hasara kwa hizo na bado utaokoa nafasi bila mabadiliko yoyote kwenye pikseli.

Vipimo, rangi na uwazi huhamishwa bila kubadilika, na Ondoa metadata (imewashwa kwa chaguo-msingi) huondoa historia ya uhariri ambayo kivinjari hakihitaji kamwe.

Kabla ya kupakia faili za WebP kwenye tovuti yako

Weka PNG asili kwenye folda tofauti; WebP ni nakala ya kusambaza, si faili kuu ya kuhariri.
Hakikisha CMS yako inakubali upakiaji wa .webp (WordPress hukubali kuanzia toleo la 5.8).
Angalia picha moja yenye uwazi kwenye mandharinyuma nyeupe na nyeusi ili kuthibitisha kingo ni safi.
Sasisha marejeo ya picha kwenye HTML au CSS yako kutoka .png hadi .webp, au acha CMS yako itengeneze upya picha ndogo.
Linganisha uzito wa ukurasa kabla na baada kwenye paneli ya mtandao ya kivinjari chako ili ujue umeokoa kiasi gani.

Maswali kuhusu kubadilisha PNG kuwa WebP

Je, WebP huhifadhi mandharinyuma yenye uwazi ya PNG yangu?

Ndiyo. WebP huhifadhi alpha channel katika hali zake zote mbili, yenye hasara na isiyo na hasara, kwa hiyo picha za bidhaa zilizokatwa na nembo hubaki wazi. Katika hali yenye hasara pikseli za kingo hubanwa kidogo; ukiona mng'ao hafifu kuzunguka nywele nyembamba au maandishi, rudia faili ukiwa umeweka alama kwenye Isiyo na hasara. Unahitaji kurudisha baadaye? WebP kuwa PNG hurejesha PNG inayoweza kuhaririwa.

Nichague WebP yenye upotevu au bila upotevu kwa PNG?

Isiyo na hasara wakati PNG ni UI bapa, mchoro wa maelezo, nembo au pixel art, kwa sababu kila pikseli hubaki kama ilivyokuwa na faili bado hupungua ukubwa kwa kawaida. Yenye hasara kwa ubora wa 75 hadi 85 wakati PNG kwa kweli ni fotografia au mchoro laini, kwa sababu hapo ndipo akiba kubwa ilipo.

Ni vivinjari vipi vinavyoweza kuonyesha picha za WebP?

Chrome, Edge, Firefox na Opera zimeonyesha WebP kwa miaka mingi, na Safari ilijiunga na toleo la 14 mwaka 2020 (kwenye macOS Big Sur au mpya zaidi na iOS 14). Kwa vitendo kila kivinjari kinachotumika leo huionyesha, kwa hiyo tagi ya img ya kawaida inayoelekeza kwenye faili ya .webp inatosha kwa tovuti nyingi.

Je, WordPress hukubali kupakia faili za WebP?

WordPress 5.8, iliyotolewa Julai 2021, iliongeza WebP kwenye aina za faili zinazoruhusiwa kupakiwa kwenye maktaba ya media. Usakinishaji wa zamani hukataa faili isipokuwa programu-jalizi iongeze aina ya MIME, kwa hiyo angalia toleo lako kabla ya kubadilisha folda nzima.

Kwa nini WebP yangu ni kubwa kuliko PNG ya awali?

Hutokea kwa PNG ndogo sana zinazotumia palette iliyoorodheshwa ya rangi chache, kama aikoni ya rangi 8, kwa sababu PNG tayari ina ufanisi mkubwa hapo. Jaribu Isiyo na hasara kwa faili hizo, na ikiwa matokeo bado ni makubwa zaidi, weka PNG; akiba hutokana na picha kubwa zenye rangi nyingi.

Je, naweza kubadilisha folda nzima ya PNG kuwa WebP kwa mara moja?

Hadi faili 20 hupita kwa mara moja, kila moja hadi MB 95, na hurudi pamoja kwenye ZIP. Kwa folda kubwa zaidi, rudia kwa makundi ya 20; hakuna kikomo cha kila siku na faili zilizopakiwa hufutwa kiotomatiki baada ya dakika 30.