AVIF attēli: kas tie ir, kā tos izmantot un kāpēc tie ir tīmekļa nākotne

Pašreizējā digitālajā vidē un efektīvā attēlu pārvaldībā, el AVIF formāts Tas tiek prezentēts kā daudzsološa alternatīva, kas arvien vairāk iegūst vietu, pateicoties iespaidīgajai kompresijas jaudai un vizuālajai kvalitātei.

Ja strādājat ar tīmekļa lapām, vizuālo saturu vai vienkārši interesē digitālā optimizācija, jūs droši vien jau esat dzirdējuši par AVIF attēliem. Tas ir formāts, kas paredzēts, lai piedāvātu labāko no vairākām pasaulēm: Izmēru samazināšana, augstas kvalitātes attēlu atbalsts, caurspīdīgums un animācijas. Šajā rakstā mēs apkoposim visu, kas jums jāzina par to, kā tas atšķiras no citiem un kā to maksimāli izmantot savos projektos.

Kas ir AVIF attēla formāts?

AVIF ir akronīms vārdam AV1 attēla faila formāts, un ir viens no jaunākajiem sasniegumiem attēlu saspiešanas jomā tīmeklī. Šo formātu atbalsta Atvērtās mediju apvienība (AOMedia) un ir pamatojoties uz AV1 video kodeku, viens no visefektīvākajiem šodien. Tas nozīmē, ka tiek izmantota AV1 video saspiešanas efektivitāte, kas tiek lietota statiskiem un animētiem attēliem.

AVIF mērķis ir piedāvāt labāku alternatīvu tradicionālajiem formātiem, piemēram, JPEG, PNG, GIF un WebP, ļaujot gaišāki attēli ar vienādu vai labāku vizuālo kvalitāti. Faktiski daudzos salīdzinājumos AVIF iegūst attēlus ar līdz 50% mazāks nekā JPEG līdzīgas kvalitātes. Tas nozīmē mazāku joslas platuma patēriņu, ātrāku ielādes ātrumu un optimizētu lietotāja pieredzi. Tiem, kas interesējas par attēlu saspiešanu, tā ir būtiska priekšrocība.

AVIF tehniskie akcenti

Tas, kas AVIF izceļas no citiem formātiem, ir ne tikai tā saspiešana, bet arī to komplekts funkcijas, ko tā atbalsta:

• Kompresija bez zudumiem: varat izvēlēties starp maksimālu kvalitāti vai ārkārtēju izmēra samazinājumu.
• Augsts krāsu dziļums: atbalsta 8, 10, 12 un pat 16 bitus, padarot to ideāli piemērotu detalizētākam un profesionālākam saturam.
• HDR (High Dynamic Range) atbalsts: lieliski piemērots attēliem ar augstu kontrastu un spilgtām krāsām.
• Plašas krāsu telpas: ieskaitot WCG (Wide Color Gamut), ICC profilus un ISO/IEC CICP standartus.
• Caurspīdība un animācija: var piedāvāt GIF līdzīgas animācijas un caurspīdīgus apgabalus, piemēram, PNG.
• Vienkrāsains atbalsts: Ideāli piemērots melnbaltiem vai alfa kanālu dziļuma attēliem.

Šīs īpašības padara AVIF a ideāla izvēle gan augstas kvalitātes digitālajai fotogrāfijai, gan interaktīvam tīmekļa dizainam. Nepieciešamība samazināt izmēru, nezaudējot kvalitāti, padara šo formātu strauji populāru tīmekļa izstrādātāju un dizaineru vidū.

Priekšrocības salīdzinājumā ar JPEG, PNG un WebP

Viens no ekspertu un izstrādātāju, kuri ir strādājuši ar AVIF, visvairāk atkārtotajiem aspektiem ir tas spēja pārspēt JPEG, PNG un WebP gan kompresijas, gan vizuālās kvalitātes ziņā. Šeit a kopsavilkums par to, kā jūs salīdzināt ar tiem:

• Pret JPEG: AVIF ļauj iegūt failus, kas ir uz pusi mazāki par JPEG, vienlaikus saglabājot tādu pašu detalizācijas līmeni.
• Pret PNG: AVIF piedāvā iespēju iegūt attēli ar caurspīdīgumu bez PNG tipiskā liekā svara.
• Pret WebP: Lai gan WebP jau bija nozīmīgs solis uz priekšu, AVIF to pārspēj efektivitātes un kvalitātes ziņā, īpaši attiecībā uz fotogrāfiskiem attēliem.

Pat daži Netflix un Google testi ir klasificējuši AVIF kā formātu var samazināt attēla izmēru līdz pat 10 reizēm par sākotnējo izmēru, tas nenozīmē būtisku kvalitātes zudumu vai vizuālas nepilnības. Tas izstrādātājiem piedāvā jaudīgu rīku, lai optimizētu lietotāju pieredzi viņu vietnēs.

AVIF formāta saderība

Viens no lielākajiem izaicinājumiem jebkura jauna attēlveidošanas standarta gadījumā ir tā pieņemšana. Lai gan AVIF ir jauns formāts, tā progress ir bijis diezgan straujš salīdzinot ar tā priekšgājējiem:

• Google Chrome: pilnīga saderība no 85. versijas datoros un no 89. versijas operētājsistēmā Android.
• Mozilla Firefox: noklusējuma integrācija kopš Firefox 93.
• safari: atbalsts no iOS 16 un macOS Ventura, izmantojot WebKit.
• Microsoft Edge: : pilnīgas integrācijas procesā, atkarīgs no operētājsistēmas versijas.

Attiecībā uz operētājsistēmām:

• Windows 10 un 11: tie jau piedāvā atbalstu, ja jums ir atbilstoši atjauninājumi (19H1 vai jaunāki).
• macOS: saderīgs kopš MacOS Ventura.
• Linux: Galvenie izplatījumi tiek atbalstīti, pateicoties libavif un tādām bibliotēkām kā GdkPixbuf un KImageFormats.
• android: vietējais atbalsts kopš operētājsistēmas Android 12.

Turklāt daudzi rediģēšanas rīki jau ir iekļāvuši AVIF atbalstu, piemēram, GIMP, Paint.net, Krita, XnView, ImageMagick un pat GD paplašinājumu PHP 8.1. Tas atvieglo formāta pārņemšanu dažādās darba vidēs un platformās.

Kā izveidot un konvertēt AVIF attēlus

Pateicoties bezmaksas un daudzpusīgajiem rīkiem, attēlu ģenerēšana AVIF formātā mūsdienās ir ļoti pieejama. Dažas populāras iespējas ietver:

tiešsaistes rīki

• CloudConvert: daudzfunkcionāla platforma, kas ietver arī uzlabotus saspiešanas iestatījumus.
• Convertio: piedāvā tiešu pārveidošanu no pārlūkprogrammas uz vairākiem formātiem, piemēram, JPG, PNG, WebP vai PDF.
• Squoosh: ļauj augšupielādēt JPG vai PNG attēlu un viegli eksportēt to AVIF formātā.

Darbvirsmas rīki

• avifenc: uz libavif balstīta komandrindas utilīta, ideāli piemērota lielapjoma konvertēšanai vai integrācijai skriptos.
• GoDaddy studija: lai gan tas vairāk koncentrējas uz grafisko dizainu, tas ļauj importēt un eksportēt AVIF attēlus.
• XnConvert: Ļoti intuitīvs grafiskais interfeiss pakešu konvertēšanai.

Kā vietnē parādīt AVIF attēlus

Vispiemērotākais veids, kā tīmekļa lapā izmantot AVIF attēlus, ir izmantot tagu <picture>, kas ļauj parādīt AVIF attēlu, ja pārlūkprogramma to atļauj, vai JPEG alternatīvu, ja nē.

<picture>
  <source type="image/avif" srcset="imagen.avif" />
  <img src="imagen.jpg" alt="Imagen alternativa" />
</picture>

Tas nodrošina progresīvu saderību ar visām pārlūkprogrammām, jo ​​tās, kas neatbalsta AVIF, vienkārši parādīs rezerves attēlu. Šī metode ir ideāli piemērota labas lietošanas pieredzes uzturēšanai.

AVIF animētiem attēliem

Viena no jaudīgākajām un mazpazīstamākajām AVIF funkcijām ir tā spēja aizstāt animētus GIF. Lai to izdarītu, animācijas režīmā varam izmantot tādus rīkus kā FFmpeg vai avifenc.

Piemēram, ar FFmpeg:

ffmpeg -i animacion.gif -pix_fmt yuv420p10le -f avif animado.avif

Un, lai to atveidotu tīmeklī, tā pati pieeja tiek izmantota ar tagu <picture>, noteikti piedāvājot alternatīvu GIF, ja pārlūkprogramma to neatbalsta. Tas ir īpaši noderīgi vidēs, kur animācija ir būtiska.

Skatītāji un atbalsts ārpus pārlūkprogrammas

AVIF failu skatīšana darbvirsmā mūsdienās vairs nav problēma. Dažas pieejamās opcijas ir:

• Nomacs: bezmaksas, viegls attēlu skatītājs, kas atbalsta AVIF.
• Microsoft fotoattēli: operētājsistēmā Windows 10 un 11 ar atbilstošiem atjauninājumiem varat atvērt AVIF failus tieši.

Ir arī mobilās aplikācijas, piemēram AVIF attēlu skatītājs, kas ļauj atvērt un pārveidot attēlus Android ierīcēs, nodrošinot lietotājiem lielāku elastību.

AVIF reālās pasaules lietojumprogrammas

AVIF ieviešanu ir veicinājuši tādi uzņēmumi kā Google, Netflix, Vimeo, Cloudflare un daudzas citas tehnoloģiju platformas. Tās lietošanas gadījumi atšķiras no e-komercijas vietnes, fotogrāfiju portfeļi, interaktīvs multivides saturs, pat sociālie tīkli. AVIF daudzpusība padara to par arvien pieprasītāku formātu.

Tālāk ir norādītas dažas situācijas, kurās AVIF maina veidu, kā mēs apstrādājam attēlus.

• Web dizains: samazinot attēlu izmēru, jūs uzlabojat ielādes ātrumu, lietotāju noturēšanu un SEO rangu.
• Profesionāla fotogrāfija: ideāli piemērots detaļu un krāsu saglabāšanai, nezaudējot kvalitāti.
• Mobilās lietotnes: mazāks datu patēriņš un vienmērīgāka ielāde.
• Digitālie mediji: ļauj piegādāt HDR un animētus attēlus ar minimālu latentumu.

AVIF ir šeit, lai paliktu. Tā uzlabotās kompresijas, daudzpusības un krāsu un detaļu attēlojuma precizitātes kombinācija pozicionē to kā spēcīgu kandidātu kļūt par jauno tīmekļa standartu. Izmantojot to tagad, jūs iegūstat nepārprotamas konkurences priekšrocības salīdzinājumā ar tiem, kuri joprojām paļaujas uz tradicionālajiem formātiem.