Laktawan papunta sa nilalaman

AVIF vs JPEG XL: Sino ang Nanalo?

Mas maganda ang JPEG XL sa teknikal na aspeto ngunit AVIF ang magagamit mo ngayon. Alamin ang maikling kasaysayan nito.

Gamitin ang AVIF, dahil gumagana ito sa bawat pangunahing browser habang ang JPEG XL ay hindi. Sa karamihan ng teknikal na sukatan, mas malakas na format ang JPEG XL na nag-aalok ng lossless JPEG transcoding, progressive decoding, at mahusay na kalidad bawat byte. Ngunit para sa praktikal na layunin, hindi ito magagamit sa pampublikong web.

Inalis ng Chrome ang suporta sa JPEG XL noong 2023 dahil sa kakulangan ng interes sa ecosystem, at kung walang Chrome, hindi uunlad ang isang web image format. Ang AV1 Image File Format (AVIF) ay nagkaroon ng bentahe dahil nakabatay ito sa AV1, isang video codec na pinamumuhunanan na ng mga gumagawa ng browser. Natalo ang mas mahusay na teknolohiya ng format na may mas malakas na distribusyon, na hindi na bago sa industriya.

Paghahambing sa 2 format

Panalo ang JPEG XL sa bilis ng encoding, progressive loading, at lossless JPEG conversion, habang panalo ang AVIF sa tanging batayan na nagpapasya sa paggamit: ang suporta ng browser.

KakayahanAVIFJPEG XL
Suporta sa browserLahat ng pangunahing browserLimitado, wala sa Chrome
Kompresyon sa mga litratoNapakahusayNapakahusay, bahagyang mas maganda
Bilis ng encodingMabagalMabilis
Progressive decodingWalaMayroon
Lossless JPEG transcodingWalaMayroon, mga 20 porsyento na mas maliit
Pagganap sa maliliit na fileMahina sa ilalim ng 10 KBMaganda
Suporta sa animasyonMayroonMayroon

Ang hanay para sa lossless JPEG transcoding ang kakayahang nawala sa web. Kayang i-repackage ng JPEG XL ang umiiral na JPEG nang humigit-kumulang 20 porsyento na mas maliit at ibalik ito sa eksaktong orihinal na file, na sana ay nagbigay-daan upang paliitin ang mga archive nang walang anumang panganib.

Bakit inalis ng Chrome ang JPEG XL

Binanggit ng Chrome ang hindi sapat na interes mula sa ecosystem, limitadong bentahe kumpara sa mga umiiral na format, at ang gastos sa pagpapanatili ng isa pang decoder. Inihayag ang desisyon noong 2022 at naging epektibo noong 2023.

Tinutulan ang dahilang ito noon at nananatiling pinagtatalunan hanggang ngayon. Itinuro ng mga tagasuporta ang masusukat na bentahe sa kompresyon at ang suporta mula sa ilang malalaking publisher ng larawan. Ang kabilang panig naman ay nagsabing naibibigay na ng AVIF ang karamihan sa mga benepisyo gamit ang decoder na mayroon na ang mga browser para sa video. Alinman ang tama, ang format na walang Chrome ay hindi maihahatid sa mayorya ng trapiko sa web.

Saan ginagamit pa rin ang JPEG XL

Nananatili ang JPEG XL sa propesyonal na potograpiya, archival storage, at software ng Apple, kung saan iisang kumpanya ang may hawak ng buong proseso. Nagdagdag ang Safari ng suporta noong 2023, na nagpapanatiling buhay sa format sa mga platform ng Apple.

  • Ginagamit ng mga photo archive ang lossless JPEG transcoding upang bawasan ang storage nang walang panganib ng pagkawala ng datos.
  • Nakinabang ang mga propesyonal na workflow ng camera mula sa mataas na bit depth at malawak na suporta sa kulay.
  • Kaya itong i-decode ng mga platform ng Apple, na ginagawa itong kapaki-pakinabang sa loob ng mga saradong ecosystem.
  • Pinapahalagahan ng medikal at siyentipikong imaging ang lossless mode at ang progressive decoding.
  • Hindi sa pampublikong web, kung saan kailangang gumana ang isang format sa bawat browser upang maging kapaki-pakinabang.

Kailan dapat gamitin ang AVIF sa isang website

Gamitin ang AVIF sa iyong pinakamalalaking litrato, kung saan nakakatipid ito ng 20 hanggang 30 porsyento kumpara sa WebP. Lumalaki ang bentahe habang lumalaki ang laki ng larawan at nawawala ito sa maliliit na graphics.

Ang mga hero image, full width banner, at gallery ng litrato ang malinaw na mga halimbawa. Sa ilalim ng humigit-kumulang 10 KB, ang isang AVIF file ay madalas na mas malaki kaysa sa katumbas nitong WebP dahil mas mabigat ang container overhead kaysa sa natipid sa kompresyon. Ang paghahati ng koleksyon ayon sa laki, gamit ang AVIF para sa mabibigat na larawan at WebP para sa iba pa, ay nagbibigay ng karamihan sa benepisyo nang walang labis na gastos sa encoding.

Ang epekto ng bilis sa pag-encode ng AVIF

Mas mabagal nang ilang beses mag-encode ang AVIF kumpara sa WebP, na kapansin-pansin sa maramihang batch kaysa sa iisang larawan. Ang isang litrato na nagko-convert sa WebP sa loob ng wala pang isang segundo ay maaaring tumagal nang ilang segundo sa AVIF.

Sa isang batch ng 500 larawan, sinusukat sa mga minuto ang pagkakaiba. Isang beses lang binabayaran ang oras na iyon bawat larawan, dahil mabilis naman ang pag-decode sa bawat sumusuportang browser. Magplano ng malaking conversion kapag hindi abala ang makina, at panatilihin ang tab ng browser sa foreground dahil pinapabagal ng mga browser ang mga background tab na labis na nagpapatagal sa trabaho.

Paano ligtas na ihahatid ang AVIF

Upang magamit ang AVIF nang hindi nasisira ang karanasan sa mas lumang mga browser, sundin ang 5 hakbang na ito.

  1. Tukuyin ang pinakamalalaking larawan sa bawat pahina, na kadalasang mga hero banner at pangunahing litrato.
  2. Bawasan ang bawat larawan sa lapad na sakop nito sa pahina, at doblehin para sa mga high density screen.
  3. I-convert sa AVIF sa kalidad na 60 hanggang 70, dahil pinapanatili ng AVIF ang detalye sa mas mababang numero kumpara sa JPEG.
  4. I-convert ang parehong source sa WebP bilang pangalawang opsyon at panatilihin ang orihinal na JPEG bilang huling fallback.
  5. Ihatid ang lahat ng 3 gamit ang picture element kung saan una ang AVIF, pangalawa ang WebP, at JPEG sa img tag.

Pipiliin ng browser ang unang format na naiintindihan nito, kaya walang masisira kahit saan. Ang pagsulat ng markup ay karaniwang mas matagal kaysa sa pag-convert ng mga file.

Iba ang gawi ng quality settings sa AVIF

Ang AVIF quality 60 ay maihahambing sa JPEG quality 85, kaya hindi angkop ang nakasanayang mga numero. Ang paggamit ng nakagawian sa JPEG para sa AVIF ay nagbubunga ng mga file na mas malaki kaysa sa kinakailangan.

Magsimula sa 60 para sa mga litrato at iakma mula roon. Bantayan ang partikular na isyu, dahil ang AVIF sa agresibong settings ay may gawi na pakinisin ang pinong texture sa halip na gumawa ng mga block, na maaaring magmukhang ipininta ang damo, buhok, at tela. Ang artepaktong iyon ay hindi gaanong nakakainis kumpara sa pagka-blocky ng JPEG at madaling hindi mapansin hanggang may magturo nito.

Paano nananalo o natatalo ang isang format

Distribusyon ang nagpapasya sa mga image format, hindi ang teknikal na kahusayan, at mga gumagawa ng browser ang may kontrol sa distribusyon. Ang parehong sitwasyon ang nagbigay ng resulta para sa WebP, na nagtagumpay dahil inilabas ito ng Chrome, at para sa JPEG 2000, na nabigo sa kabila ng teknikal na kakayahan nito.

Nakinabang ang AVIF mula sa isang desisyong ginawa para sa video sa halip na para sa mga larawan. Namuhunan na ang mga vendor ng browser sa AV1 upang bawasan ang mga gastusin sa streaming, kaya napakaliit ng karagdagang gastusin upang magdagdag ng image format batay sa parehong decoder. Nangailangan ang JPEG XL ng bagong decoder, bagong pagpapanatili, at bagong security surface, na may benepisyong itinuring ng mga browser na maliit lang kumpara sa naipamahagi na nila.

May epekto ba ito sa mga karaniwang gumagamit

Wala, karamihan sa mga tao ay hindi direktang pumipili ng image format, at ang platform na pinaglalathalaan nila ang nagpapasya nito. Mahalaga ang usaping ito sa mga may-ari ng site, photographer, at developer na may kontrol sa kanilang sariling paghahatid ng file.

Sinumang naglalathala sa pamamagitan ng isang marketplace, social network, o hosted site builder ay nag-a-upload ng JPG o PNG at hinahayaan ang platform na mag-re-encode. Ang isyu sa format ay nakaaapekto lamang sa iyo kapag kontrolado mo ang mga file na dina-download ng isang bisita, kaya naman nangingibabaw ito sa mga talakayan sa bilis ng web at hindi napapansin sa iba pang lugar.

Ano ang ibig sabihin nito para sa iyong koleksyon

Panatilihin ang mga lossless master, maglathala sa AVIF at WebP, at balewalain ang debate sa format. Nagbabago ang mga delivery format tuwing ilang taon habang ang master file ay nananatiling kapaki-pakinabang magpakailanman.

Sinumang nag-convert ng buong koleksyon sa isang delivery format at nagbura ng mga orihinal ay humarap na sa problemang ito noon. Mura ang storage kumpara sa muling pagkuha ng litrato ng isang katalogo, kaya ang praktikal na diskarte ay itago ang pinakamagandang bersyon na mayroon ka at gumawa ng mga delivery copy tuwing magbabago ang pamantayan ng web.

Babalik pa ba ang JPEG XL

Kakailanganin ng Chrome na bawiin ang desisyon nito upang makabalik, at walang anunsyo na nagpapahiwatig na nakaplano ito. Ang suporta ng Safari at patuloy na interes mula sa software ng potograpiya ay nagpapanatili sa format mula sa tuluyang pagkawala.

May mga format nang nakabangon mula sa mas mahirap na sitwasyon noon, kaya bukas pa ang posibilidad. Hindi magiging matalino na ibatay ang isang website sa posibilidad na iyon. Gamitin ang AVIF at WebP para sa paghahatid ngayon, panatilihin ang mga master sa lossless format, at ang paggamit ng anumang format sa hinaharap ay magiging simpleng batch conversion na lamang sa halip na muling pagbuo mula sa simula.

Pag-convert ng koleksyon sa AVIF

Mag-convert mula sa orihinal na master sa halip na sa umiiral na JPEG, dahil ang lossy na source ay nagdadala ng sira sa bagong file. Gumagastos ng bits ang AVIF encoder sa paglalarawan ng mga JPEG artefact na hindi nito maipagkaiba sa tunay na detalye.

Magdagdag ng hanggang 500 file nang sabay-sabay, o magpasa ng ZIP archive, at ang buong pangkat ay mag-e-encode sa isang proseso. Ang lahat ay tumatakbo sa loob ng iyong browser gamit ang sarili mong processor, kaya ang mga photo library, gawaing pangkliyente, at hindi pa nailalathalang campaign asset ay hindi kailanman umaabot sa server. Ang pag-encode nang lokal ay nangangahulugan din na ang malaking batch ay tumatakbo sa bilis ng iyong makina sa halip na sa bilis ng pag-upload.

Bumalik sa blog