Ukwazi i-AVIF ne-JPG: Umhlahlandlela Ophelele Wezithombe Zewebhu Zanamuhla

Isibuyekezo sokugcina: 09/19/2026
  • I-AVIF inikeza ukucindezelwa okungcono ngaphezu kuka-50% kune-JPEG ngokusebenzisa i-AV1 video codec, okuthuthukisa kakhulu i-Core Web Vitals.
  • Nakuba ukwesekwa kwesiphequluli manje sekucishe kube yinto yonke, isofthiwe yakudala kanye nezinsizakalo zokuphrinta zobungcweti zisadinga i-JPG ukuze ivumelane.
  • Ukusebenzisa isu lokubuyela emuva kathathu ngesici sesithombe kuqinisekisa ulwazi lomsebenzisi olungenazihibe kuwo wonke amadivayisi.

Vista detallada de código fuente en una pantalla, representando la implementación técnica para servir imágenes AVIF kanye JPG.

Masibe yiqiniso: iwebhu empeleni iyiqoqo elikhulu lezithombe, futhi uma lezo zithombe zisinda kakhulu, abasebenzisi bakho bazogxuma ngokushesha kunalokho ongakusho “ububanzi bomkhawulokudonsa.” Sekuyisikhathi eside, besicabanga ukuthi i-WebP iyona mdlalo wokugcina, kodwa i-AVIF ingenelele ekubhaleni kabusha ngokuphelele incwadi yemithetho yokuthi siphatha kanjani izimpahla ezibonakalayo ku-inthanethi. Akuyona nje indlela encane yokulungisa; sikhuluma ngesinyathelo esikhulu ekusebenzeni kahle okwenza amafomethi esikole sakudala abukeke njengezinsalela zesikhathi sokudayela.

Uma wake wazibuza ukuthi kungani isiphequluli sakho se-Chrome siqala ngokuzumayo ukulondoloza izithombe njengamafayela e-.avif noma ukuthi kungani amanye amathuluzi akho ochwepheshe owathandayo engazivuli, usesendaweni efanele. Sizongena sijule ebuchosheni bobuchwepheshe be-AV1 codec , sihlole ukuthi singalinganisa kanjani ikhwalithi nosayizi wefayela, futhi sithole indlela engcono kakhulu yokukhonza lezi zithombe ukuze isayithi lakho lihlale lishesha ngaphandle kokuphazamisa abasebenzisi abasebenzisa imishini emidala.

cómo crear un siteo web desde cero
I-athikili ehlobene:
I-Cómo crear un siteo web desde cero: guía completa y práctica

I-Secret Sauce: Kungani i-AVIF ishintsha umdlalo

I-Primer plano de una mano sosteniendo un smartphone con una pantalla de carga, ilustrando el impacto de la optimiseción de imágenes en la velocidad del site sitio web.

I-AVIF empeleni ayizange iqale njengefomethi yesithombe; empeleni iyifreyimu enganyakazi evela ku-codec yevidiyo ye-AV1 . Yasungulwa yi-Alliance for Open Media (kufaka phakathi iziqhwaga ezifana ne-Google, i-Netflix, ne-Amazon), yaklanywa ukubulala ama-codec anelayisensi futhi isinike indlela engenamali yokusakaza ividiyo ene-def ephezulu. Lapho besebenzisa lawo ma-algorithms afanayo ezithombeni ezimile, bathola okuthile okunamandla kakhulu: ikhono lokunciphisa osayizi bamafayela ngo-50% noma ngaphezulu uma kuqhathaniswa ne-JPEG ngenkathi kugcinwa ikhwalithi ebonakalayo ifana cishe.

Yini eyenza ibe ngcono kakhulu kune-WebP noma i-JPG? Konke kusezibalo. Ngenkathi i-JPEG isebenzisa uhlelo oluqinile lwamabhulokhi angu-8×8, i-AVIF isebenzisa ama-DCT transforms anosayizi oguquguqukayo , okusho ukuthi ingasebenzisa amabhulokhi amakhulu esibhakabhakeni esiluhlaza okwesibhakabhaka esicacile kanye namabhulokhi amancane ebusweni obunemininingwane. Ngaphezu kwalokho, isekela i- High Dynamic Range (HDR) kanye ne-Wide Color Gamut (WCG) , okuvumela imibala namazinga okukhanya angenakuba khona ku-JPG ejwayelekile.

Ukuwohloka Kobuchwepheshe: I-AV1 vs. Umhlaba

I-Comparativa de pantalla dividida que muestra la differencia de calidad ne-comresión entre los formatos JPG kanye ne-AVIF.

Ukuze singene shí embonweni, sidinga ukubheka izindlela ze-Intra Prediction . Ngenkathi i-WebP inezindlela ezimbalwa zokubikezela amaphikseli, i-AV1 inezindlela ezihlukene ezingu-71 zokuqondisa . Lokhu kuvumela i-encoder ukuthi inembe kakhulu ngalokho okwenzekayo esithombeni, okusho ukuthi kugcinwa idatha encane "engasasebenzi". Esinye isici esimangalisayo yi -Film Grain Synthesis . Esikhundleni sokuzama ukufaka ikhodi kuwo wonke umsindo esithombeni esikhanyayo kancane—esivame ukukhulisa usayizi wefayela—i-AVIF igcina nje amapharamitha ezibalo ze-grain bese itshela isiphequluli ukuthi "sizenzele" ngesikhathi sokudlala, silondoloze isikhala esiningi.

i-propiedad css-qondanisa umbhalo
I-athikili ehlobene:
Ukuqondanisa umbhalo we-Propiedad CSS: guía completa con ejemplos y soporte

Ukushintshana: Isivinini vs. Ukusebenza Kahle

I-Espacio de trabajo creativo moderno ihambisana ne-portátil y un monitor, i- mostrando un entorno profesional de desarrollo web.

Nasi isiphetho: I-AVIF iyithuluzi eliwusizo kakhulu ngesikhathi sesigaba sokudala. Uma usebenzisa ithuluzi elifana ne -avifenc , uzobona ukuthi ukufaka ikhodi esithombeni kuthatha isikhathi eside kakhulu kunokuba bekungenzeka nge-WebP. Sikhuluma ngemizuzwana uma kuqhathaniswa nama-millisecond . Kwabathuthukisi abaningi, lokhu akuyona inkinga ngoba ukwenza kanye ngesikhathi senqubo yakho yokwakha, kodwa uma uzama ukuguqula izithombe ngokushesha kuseva ebukhoma , uzodinga isu lokulondoloza idatha elinamandla kakhulu noma uzoncibilikisa i-CPU yakho.

Ukuguqulwa Okusebenzayo: Kusukela ku-JPG kuya ku-AVIF

I-smartphone mostrando un site web, enfatizando la importancia de imágenes responsivas y de carga rápida para los usuarios móviles.

Uma usebenzisa isikhulu i-libavif amathuluzi, i cq-level (izinga lokulinganisa) yilona dial yakho ebaluleke kakhulu. Ngokungafani nesilinganiso se-JPEG esingu-0-100, Izinga le-cq le-AVIF liphambene: 0 ayilahleki (futhi inkulu kakhulu), kanti u-63 uyikhwalithi ephansi kakhulu. Kumaphrojekthi amaningi ewebhu, "Indawo emnandi" ivame ukuba phakathi kweminyaka eyi-18 nengama-23Noma yini ephansi ikunikeza izinzuzo ezinciphayo ngosayizi, futhi noma yini ephezulu iqala ukubukeka ilukhuni kancane uma usondeza isithombe.

Uma ukhululekile ngomugqa womyalo, ungakwenza lokhu ngokuzenzakalela usebenzisa iskripthi se-batch. Ukusetha ipharamitha ye-–speed ibe ngu-6 ngokuvamile kuyindlela engcono kakhulu yokulinganisela; kushesha ngokwanele ukuthi kungacasuli kodwa kusebenza kahle ngokwanele ukugcina lawo mafayela emancane. Kulabo abazonda i-terminal, amathuluzi asekelwe kuwebhu afana ne -Squoosh noma i-FormatVault akuvumela ukuthi ulungise ikhwalithi ngokubonakalayo futhi ubone imiphumela ngesikhathi sangempela ngaphandle kokufaka into.

Igebe Lokuhambisana: Kungani Usadinga I-JPG

Naphezu kokuba nokusekelwa kwesiphequluli okucishe kube ngu-95% ku-Chrome, Firefox, Safari, kanye ne-Edge, i-AVIF akuyona into ewusizo kukho konke. Inkinga akuyona isiphequluli; konke okunye. Isofthiwe endala efana ne-Photoshop CS6 , izinguqulo ezindala ze-Windows Photo Viewer, kanye nama-portal amaningi kahulumeni noma ezinkampani awakwazi ukufunda amafayela e-AVIF. Uma uzama ukulayisha i-.avif kusevisi yokuphrinta noma i-CMS endala, cishe izovele ifake iphutha lokuqinisekisa.

Yingakho ukuguqula i-AVIF ibe yi-JPG kuseyikhono elidingekayo. Kungakhathaliseki ukuthi kungokweklayenti le-imeyili elifana ne-Outlook elingakwenzi lokho, noma isethulo se-PowerPoint, i-JPG isalokhu iwulimi olujwayelekile lwezithombe. Amathuluzi afana ne -Total Image Converter alungele lokhu, ikakhulukazi uma udinga ukucubungula ifolda yonke yokulandwa ngesikhathi esisodwa.

okokufundisa nge-Node.js ku-principiantes
I-athikili ehlobene:
Tutorial de Node.js para principiantes: de cero a tu primera app

Ukukhonza Izithombe Njengochwepheshe: I-Triple Fallback

Akufanele nje ushintshe ama-JPG akho ngama-AVIF bese uthemba ukuthi kuzokwenzeka okuhle. Indlela yobungcweti yokwenza lokhu ukusebenzisa <picture> isici. Ngokufaka ohlwini I-AVIF kuqala, bese kuba yi-WebP, bese kuba yi-JPEG ekugcineni, uvumela isiphequluli ukuthi sikhethe ifomethi engcono kakhulu esiyiqondayo ngempela. Kufana nokuba nemenyu enezinketho ezintathu; isiphequluli sithatha eyokuqala esiyithandayo.

Ukugcina i- Amavidiyo we-Core Web kuluhlaza okotshani, faka njalo izimfanelo zobubanzi nokuphakama ezicacileLokhu kuvimbela i-Cumulative Layout Shift (CLS) eyesabekayo, lapho okuqukethwe kwakho kugxumagxuma khona ngenkathi izithombe zilayisha. Ukuze uthole isithombe sakho "seqhawe" esiyinhloko, engeza fetchpriority="high" ukutshela isiphequluli ukuthi sibambe ngokushesha, kodwa sebenzisa loading="lazy" ukuze konke okunye kugcine umthwalo wokuqala ulula.

Umthelela ku-SEO kanye nolwazi lomsebenzisi

I-Google ayikuniki ibheji ngokusebenzisa i-AVIF kuphela, kodwa igxila kakhulu ku-LCP (Largest Contentful Paint) . Uma unciphisa isithombe esikhulu somkhiqizo kusuka ku-400KB siye ku-150KB, unciphisa ngqo isikhathi esisithathayo ukuze ikhasi lizizwe "likulungele." Lokhu kuholela emazingeni aphansi okushintshashintsha kanye nokuguqulwa okuphezulu , ikakhulukazi kubasebenzisi abaxhumene neselula lapho i-kilobyte ngayinye ibalwa khona.

API
I-athikili ehlobene:
I-API Evolution: Imingcele Emisha Ekuhlanganiseni, Ezokuphepha, kanye Ne-Agentic AI
Okuthunyelwe okuhlobene: