AVIF - moderns attēlu formāts mājas lapām

Attēla formāts AVIF tīmekļa vietnēm uzlabo SEO, PageSpeed un lietotāju pieredzi.

Matthias Petri
Publicēts:

Mazāk par 0,1 procentiem visu tīmekļa vietņu izmanto AVIF formātu un izmanto to kā labāko iespēju attiecībā uz attēlu formātiem, lai uzlabotu vietnes ātrdarbību, lietotāja pieredzi un redzamību tiešsaistē Google. Visi citi vietnes īpašnieki vēl neizmanto pilno potenciālu, ko piedāvā AVIF kā attēla formāts. Šis raksts ir domāts, lai palīdzētu atrisināt šo problēmu un iedrošinātu tevi nopietni iepazīties ar AVIF formātu un vislabākajā gadījumā izmantot to arī savos attēlos vietnē.

Vai esi jau vienreiz pārbaudījis savas vietnes adreses URL vietnē Google PageSpeed Insights, lai uzzinātu, kāda ir tava veiktspēja? Ja neesi, to varētu izdarīt tagad ar savu paša vietni.

Es uzdrošinātos minēt, ka šis rādītājs tev diemžēl vēl nav redzams tavā vietnē, vai ne?

PageSpeed-Insights rezultāts par TutKit - galddatoru
PageSpeed uzlabošanu, kur viens no punktiem varbūt ietver mūsdienīgu attēlu formātu – un tas notiks tad, ja tu vēl joprojām izmanto JPG vai PNG faila formātus savos attēlos.
PageSpeed-Insights ieteic AVIF izmantot.

    Kas ir AVIF attēlu formāts?

    AVIF attēli ir ievērojami mazāki nekā JPEG attēli, saglabājot tādu pašu attēla kvalitāti. Tas ir tāpēc, ka AV1 piedāvā ievērojami efektīvāku saspiešanu. Tāpēc AVIF attēls ar tādu pašu attēla kvalitāti, bieži vien var būt līdz pat 50 % mazāks nekā JPEG attēls.

    • Labāka saspiešanas pakāpe: AVIF attēli ir ievērojami mazāki nekā JPEG un PNG attēli, saglabājot tādu pašu attēla kvalitāti.
    • Augstāks krāsu dziļums: AVIF attēli atbalsta līdz pat 12 bitu krāsu dziļumu, kamēr JPEG un PNG attēli atbalsta tikai 8 bitu krāsu dziļumu.
    • Atbalsts alfakanāliem: AVIF attēli spēj saglabāt caurspīdību, aizstājot iemeslu, kādēļ šobrīd ir relatīvi populāri PNG vai arī WebP attēli vietnēs.
    • Atvērta koda formāts: AVIF ir atvērta koda formāts un ir atbalstīts daudzās programmatūras un aparatūras platformās.
    • AVIF ir pārliecinošs attēlu formāts vietnēm, piedāvājot daudzas priekšrocības salīdzinājumā ar citiem izplatītiem formātiem (iekļaujot WEBP).
    visi populārie pārlūki jaunākajos versijos jau atbalsta AVIF. 

    Kāpēc AVIF ir izdevīgi SEO, PageSpeed un lietotāju pieredzei?

    • Sākotnējais PNG: 1,43 MB
    • Pārveidots izmantojot TinyPNG: 393 KB - ietaupīti 73 %
    PNG faila uzlabošana, izmantojot TinyJPG.

    Sākotnējo PNG failu es pārveidoju, izmantojot squoosh.app, ar rezultātu:

    • Tas pārveidots izmantojot Squoosh kā WebP: 84 kb - ietaupīti 94 procenti
    • Tas pārveidots izmantojot Squoosh kā AVIF: 42 kb - ietaupīti 97 procenti
    Squoosh, izmantojot WebP un AVIF, salīdzina saspiešanas veiktspēju.

    Rezultātā AVIF attēlam, saglabājot tādu pašu optisko kvalitāti, ir puse mazāks nekā WebP attēls. Dažos citos testos ir parādījies, ka kompresijas artefakti, kas parādās, ja JPG faili ir pārakomprimēti, kļūst viegli redzami tikai tad, kad kvalitāte tiek noregulēta uz 30 virzienā uz 20 vai zemāk. Ar kvalitāti 30, pat tekstīl fragmenti pikseļgrafikās joprojām paliek skaisti asas bez kompresijas artefaktiem.

    Šādas ietaupījumu iespējas bildēm bagātās vietnēs var novērtēt tikai pārāk augstu.

    AVIF labākam SEO rādītājiem, PageSpeed un lietotāju pieredzei

    Jau 2021. gadā Google ir noteicis vietnes vitālās kodola vērtības (Core Web Vitals) kā rangsijas faktoru. Tas ietver piemēram, ielādes ātrumu, tas ir laiks, cik ātri galvenais saturs ielādējas jūsu lietotājam. Google nosaka laika intervālus līdz 2.5 sekundēm kā labu vērtību, uz kuru vietnes īpašniekiem vajadzētu mērķtiecīgi strādāt.

    Lielāki attēli rada ilgākas ielādes laiku. Core Web Vitals pēc tam tiek uzskatīts par neizpildītu.

    Papildus pastāv arī otrs problēmas gadījums. Ja lielāki attēla dati, piemēram, uz PNG vai JPEG bāzes, ir ievietoti vietnē, var gadīties, ka teksta saturs jau ir ielādējies, kamēr attēls ielādējas lēnāk. Tas var izraisīt tā sauktos kumulatīvos izkārtojuma maiņas, tātad nelielas nobīdes, kas ar attēla parādīšanos pavelk zemās vietnes daļas uz leju, kur tās faktiski pieder. Google negrib tādas kumulatīvās izkārtojuma maiņas un uzskaita tās kā CLS kļūdas, kas noved pie tā, ka Core Web Vitals netiek pildīti.

    Turklāt ikvienam vietnes apmeklētājam ir patīkami sajūta, ja lapas ir ātras un saturs ir turpat vien kliksējot pieejams. Tāpat, jūs varat ievietot attēlus labākā kvalitātē uz vietnes, bez kompresijas izplatīšanas tālu, lai jau varētu saskatīt kompresijas artefaktus. Faila lielums paliek mazs, salīdzinot ar PNG vai JPEG, arī zaudējumu brīvā pārveidojumā vai parastā kompresijā. Tādējādi AVIF formāts uzlabo lietotāju pieredzi no vairākiem aspektiem. Google piespiež mūs veikt pasākumus, lai mūsu apmeklētāji nebūtu vaimanāti par mūsu vietnes apmeklējumu laikā.

    Liel, jūs varat veikt pasākumus, lai uzlabotu lietotāju pieredzi, PageSpeed un tehnisko kvalitāti jūsu vietnē, kas visos šajos aspektos pozitīvi ietekmēs jūsu tiešsaistes redzamību.

    AVIF attēlu pārlūka atbalsts

    Tieši attiecībā uz pilnīgi jaunām tehnoloģijām katrs vietnes īpašnieks ir nedaudz rezervēts un labprāt pagaida dažus mēnešus. No vienas puses, viņš negrib kļūt par kāda veikala sistēmu vai CMS majora izlaiduma beta testētāju, no otras puses, nekad nav garantēts, ka nav problēmu ar konkrētiem pārlūkiem vai ierīcēm.

    Attiecībā uz AVIF attēla formātu patiešām ir svarīgi, vai galvenie pārlūki vairs atbalsta šo formātu. Tīmekļa vietne caniuse.com sniedz par to informāciju: https://caniuse.com/avif

    Pārlūku AVIF atbalsts.
    Ekrānuzņēmums: https://caniuse.com/avif

    Globālajā pārlūku lietojumā AVIF jau atbalsta aptuveni 85 procenti. Vācijā šis skaitlis ir 80,33 %... nu, Vācija, kur joprojām mobilā tīkla caurumus uztver kā ikdienas realitāti un dažās reģionos joprojām cieš no lēna interneta (ieskaitot manas reģionu: kamēr es birojā strādāju ar gigabītveida ātrumu, mājas birojā tiekot protams tikai 9 Mb/s).

    Tātad var redzēt, ka AVIF jau kādu laiku tiek atbalstīts galvenajos pārlūkos.

    Cik daudz vietņu jau izmanto AVIF formātu?

    Līdzīgi kā caniuse.com, w3tech.com sniedz statistisku informāciju par konkrētu tehnoloģiju izmantošanu. Tas attiecas arī uz izmantotajiem attēla formātiem vietnēs.

    AVIF izmantošana tīmekļa vietnēs
    Ekrānuzņēmumi no https://w3techs.com/

    Tātad procentuāli no visām vietnēm izmantotajiem formātiem (ar datu 2023. gada septembra stāvokli): 

    • PNG: 82,1%
    • JPEG: 78 %
    • SVG: 55,2 %
    • GIF: 21,7 %
    • WebP: 9,2 %
    • ICO un BMP: pa 0,2 %
    • AVIF: 0,1 % (apmēram)

    Pašlaik mazāk nekā 0,07 procenti visu tīmekļa vietņu izmanto AVIF formātu. Whaaat? Tas ir tiešām niecīgi maz. Bet hei, tas ir iespēja kļūt par tehnoloģiskās zināšanas priekšgalā attiecībā uz jaunākajiem attēlu formātiem. Kurvē labajā attēlā jau tagad ir skaidri redzams, ka lietojums katru mēnesi pieaug... joprojām tikai promilēs. Noteikti tas drīz paātrināsies.

    Interesanti ir tas, ka pat ne 10 procenti no visām tīmekļa vietnēm ievēro Google ieteikumus attiecībā uz modernajiem tīmekļa formātiem. Visi pārējie pieņem zināmu zaudējumu PageSpeed un lietotāja pieredzē, un visticamāk, ka arī Core Web Vitals, kas negatīvi ietekmē tiešsaistes redzamību.

    AVIF pret WebP - kas ir labāks tavai vietnei?

    Mēģināsim vēlreiz tiešo testu, lai vizualizētu. Attēls labajā pusē no TutKit.com galvenā sadaļas pirms konvertēšanas uz AVIF bija PNG formātā un bija lielāks par 600 KB uz dēļ transparences.

    TutKit galvas joma

    Tagad tas tiek izdrukāts sistēmiski kā WebP fails ar 159 KB (mūsu rezerves risinājums!). Pat ja tas tagad tiks optimizēts, izmantojot rīku kā TINYPNG, kas arī var samazināt WebP failus, tā joprojām būs 128 KB. Tomēr tas ir samazināts par 20 procentiem.

    AVIF fails, kas mums tiek parādīts pēc noklusējuma, attēls tagad ir tikai 94 KB, kas ir tikai 59 procenti no rezerves WebP izmēra. Visos testos AVIF varēja attiecīgajā attēla kvalitātes līmenī pārspēt WebP formātu, saglabājot vienādu vizuālo kvalitāti.

    Kādēļ AVIF izvēlēties, nevis WebP?

    • AVIF spēj saglabāt transparences un piedāvā labāku attēlu kvalitāti, nodrošinot augstāku saspiešanas līmeni un mazāku faila izmēru.
    • Atbalsts ir gandrīz 85 % jau tagad visos populārākajos pārlūkprogrammu atbalstīs AVIF. Tendence ir pieaugoša.
    • Jūsu vietne ielādēsies vēl ātrāk pateicoties AVIF salīdzinājumā ar WebP. It īpaši attēlu bagātās vietnēs, piemēram, tiešsaistes veikalu kategoriju lapās, kur ir daudz produktu attēlu, tas ir priekšrocība. Tāpat arī vietnēs, kur attēlus ir jāparāda augstās kvalitātes (portfola vietnēs, atsauces utt.), jums ir garantēta augsta vizuālā kvalitāte, saglabājot mazu faila izmēru.

    Auch ist ein Wink, was caniuse.com direkt auf der WebP-Seite schreibt: „AVIF und JPEG XL sind darauf ausgelegt, WebP zu ersetzen.“ AVIF un JPEG XL tiek izstrādāti, lai aizstātu WebP. 

    WebP pārlūka atbalsts
    Screenshot: https://caniuse.com/webp

    Pirms jūs sākat domāt, vai jūs varētu likt likmi uz nepareizo zirgu ar AVIF, jo JPEG XL, visticamāk, arī piedalās sacīkstēs, es jūs varu uzreiz nomierināt. Pārlūka saderība ar JPEG XL praktiski nepastāv tikai ar 0,08 procentiem.

    JPEG-XL pārlūkprogrammu atbalsts
    Screenshot: https://caniuse.com/jpegxl

    Squoosh jau tagad ļauj konvertēt attēlus JPEG XL formātā un tās "tikai" rāda līdzīgus skaitļus kā WebP (skatīt attēlu zemāk). 

    AVIF paliek un paliks formātu uzvarētājs. Ātri izmanto to un izmanto visus priekšrocības arī savām vietnēm!

    Squoosh.app - labākais rīks attēlu konvertēšanai no JPG, PNG, WebP uz AVIF

    Kamēr agrāk komandas sastāvā izmantojām tiešsaistes rīku TinyJPG vai TinyPNG, lai optimizētu JPG, PNG vai arī WebP failus pirms izmantošanas vietnēs, es tagad esmu liels Squoosh piekritējs no Google mājas. 

    Squoosh ir bezmaksas attēlu konvertētājs, ko izveidojis Google. Rīks darbojas kā tiešsaistes serviss, bet arī lokāli uz jūsu datora vai servera (node.js!). Tas var konvertēt attēlus dažādos formātos, tai skaitā JPEG, PNG, GIF un WebP. Un labākais: Tas arī konvertē attēlus AVIF formātā.

    Squoosh.app - Google attēlu konvertētājs AVIF formātam.

    Attēla konvertētājs Squoosh izmanto dažādas metodes, lai samazinātu attēla izmēru, neietekmējot kvalitāti. Tie ietver krāsu informācijas saspiešanu, izšķirtspēkas samazināšanu un redundantu datu noņemšanu.

    Vienkārši ievietojiet attēlu un iestatiet vēlamo formātu. Ar dažiem klikšķiem jūsu attēls ir gatavs, konvertēts un optimizēts.

    Tā izskatās, kad jūs ievietojat WebP attēlu un to konvertējat un saspiežat, izmantojot AVIF (krišusējo) un JPEG XL (pa labi). Ar slīdnājā attālumā varat salīdzināt, kura kvalitātes līmenis ir pareizs, lai saglabātu redzamo kvalitāti. Standarta iestatījumos vienmēr viena puse ir sākotnējais fails salīdzinājumam. Tātad pilnīga kontrole par rezultātu.\

    Komprešijas salīdzinājums Squoosh
    AVIF un JPEG XL tiešā salīdzinājumā ir atkal skaidrs uzvarētājs: AVIF

    Izmanto Squoosh arī tu savam saturam un tīmekļa attīstībai, lai samazinātu attēlu izmēru, izmantojot modernos tīmekļa formātus, piemēram, WebP vai AVIF, un uzlabotu savu vietņu ielādes laiku. Tu vari arī samazināt savus JPG failus - līdzīgi kā ar TinyJPG - failu izmērus, ja, piemēram, vēlies tos augšupielādēt sociālajos tīklos. Priekšrocība salīdzinājumā ar TinyJPG ir tāda, ka tu pilnībā kontrolē kompresiju un vari eksperimentēt ar dažādiem optimizācijas iestatījumiem, lai panāktu labāko kvalitāti mazākajā iespējamajā izmērā.

    Šeit ir dažas Squoosh priekšrocības:

    • Atbalsta dažādu attēlu formātu konvertēšanu 
    • Izmanto dažādas metodes, lai samazinātu attēlu izmēru.
    • Ļauj skatīt saspiestos attēlus
    • Piedāvā dažādus optimizācijas iestatījumus
    • Rīks ir bezmaksas un viegli izmantojams.

    Neliela negatīvā puse ir tāda, ka, lai gan ir daudz pozitīvu iezīmju, Squoosh pašlaik vienmēr var rediģēt tikai vienu attēlu un nav iespējams veikt masveida apstrādi. Ceru, ka šī funkcija tomēr tiks pieejama nākotnē.

    Servera pusējā partijas konvertēšana PHP ietvaros no attēliem no JPG un PNG uz AVIF un WebP

    Mēs paši šeit uz TutKit.com savus attēlus, kas tika iekļauti portālā kā JPG un PNG faili - kuru skaits ir vairāk nekā 14.000 atsevišķi faili - pārveidojām servera pusē AVIF formātā un kā alternatīvu vecākiem pārlūkiem arī WebP formātā. Tāpat mēs tehniski atrisinājām tā, ka mūsu redaktori var turpināt augšupielādēt attēlus kā JPG vai PNG, kā pierasts mūsu dizaineriem, un portālā papildināt tos ar meta datiem. Sistēma pēc tam automatiski nodrošina AVIF iekļaušanu un kā alternatīvu visiem vecajiem (vai nepodrošinātajiem) pārlūkiem WebP formātā izvadot.

    Lai tas darbotos servera pusē, izmanto jaunākās programmatūras versijas. Jaunās funkcijas imagecreatefromavif un imageavif AVIF formātam ir pieejamas tikai ar PHP 8.1+ un tad, ja GD paplašinājums tika veidots ar AVIF atbalstu. Tās pieprasa libavif versiju 0.8.2 vai jaunāku.

    Arī uzraugulīgi nodrošini saderību ar operētājsistēmām. AVIF tiek nodrošināts ar libavif-dev/libavif-devel pakotnēm repozitorijos:

    • sākot no Ubuntu 21.04  
    • sākot no Debian 11 
    • sākot no Alpine 3.13 
    • sākot no Fedora 34

    Šeit ir viens PageSpeed novērtējums mobilajam skatam uz TutKit.com. Lai arī desktopam ir relatīvi viegli sasniegt vērtību virs 90, mobilajiem skatiem tas tiešām ir izaicinājums. Mēs joprojām cenšamies uzlabot šo vērtību virzienā uz 100, jo zinām: PageSpeed ir labs lietotāja pieredzes elements un tādējādi tas ietekmē arī mūsu SEO panākumus.

    PageSpeed Insights par TutKit - mobilais

    Tas, kas šeit izklausās tik nelaizīgi attiecībā uz AVIF integrāciju mūsu PHP ietvarā Laravel, galu galā izpaudās kā vairāk nekā 60 biļetes mūsu JIRA rīka ietvaros, kas bija saistītas ar konvertēšanu un integrāciju (ieskaitot pētījumus, izstrādi, kļūdu labojumus, testēšanu). Tāpēc, kamēr spraudņi ievērojami atvieglo darbu klasiskā CMS kā WordPress gadījumā, izveidotajā individuālajā attīstībā var būt nepieciešamas pat trīs nedēļas laika, kā mūsu gadījumā. AVIF izmantošanas priekšrocības noteikti ir to vērtas! 

    Vai zināji: Varbūt drīzumā uzrakstīšu arī rakstu par to, kāpēc mēs portālos kā TutKit.com labāk izmantojam PHP ietvarus, nekā WordPress vai citus CMS.

    Spraudņi AVIF izmantošanai WordPress vidē

    CMS WordPress no pašas būtības līdz septembrim 2023 neatbalsta AVIF attēlu augšupielādi - atšķirībā no CMS Contao, kas AVIF atbalsta kopš 5.0.0 versijas. Tāpēc pašlaik WordPress izmantošanai, lai attēlotu savus attēlus AVIF formātā, nepieciešami divi papildu soļi.

    1. Izveido AVIF atbalstu WordPress
    2. Konvertē attēlus no JPG/PNG/WEBP uz AVIF

    Ir pieejami vairāki WordPress spraudņi, kas ļauj izmantot AVIF attēlus WordPress vietnēs. Šeit ir trīs spraudņi, kam varētu pievērst uzmanību: 

    • AVIF atbalsts: Šis spraudnis ļauj augšupielādēt un attēlot AVIF attēlus WordPress vietnēs. Tas atbalsta arī automātisku konvertēšanu no JPEG un PNG attēliem uz AVIF attēliem.
    • Media konverters: Šis spraudnis konvertēs visas bildes tavā WordPress mediatēkā par AVIF attēliem. Tas piedāvā arī dažādas iespējas attēla kvalitātes un kompresijas līmeņa pielāgošanai.
    • ShortPixel attēlu optimizators: Šis spraudnis optimizē attēlus tavā WordPress mediatēkā, ietverot tos AVIF attēlos. Tas piedāvā arī daudzas citas funkcijas, lai uzlabotu attēla kvalitāti un veiktspēju.

    Šie spraudņi ir lielisks veids, kā izmantot AVIF attēlu priekšrocības WordPress vietnēs.

    AVIF atbalsta augšupielādētājs kā WordPress spraudnis

    Šeit jūs atradīsiet AVIF atbalsta spraudni - šobrīd tam joprojām ir tikai 1 956 lejupielādes un mazāk nekā 800 instalācijas - var redzēt, ka AVIF ir pilnīgi nezināms WordPress lietotājiem.

    Pasaulē 43,1 procenti no visām vietnēm darbojas ar CMS WordPress. Tiklīdz WordPress sistēmiski atbalstīs AVIF, AVIF sāks savu uzvaras gājienu un spiedīs JPG, PNG un arī WebP nost no tronas. - Mathias Petri


    ATJAUNINĀJUMS 2024. gada 05.04.: Ar WordPress 6.5 atbalstu WordPress beidzot atbalsta arī AVIF! Tādējādi atbalsta spraudņi būs nepieciešami tikai vecākajām WordPress versijām. Jo vairāk atjauniniet uz WordPress 6.5 un jaunākajām versijām.

    Spraudnis "Local Image Sharp" Strapi vietnēm

    Mēs paši izmantojam AVIF mūsu aģentūras tīmekļa vietnē 4eck-media.de, kas izmanto node.js bāzētu Strapi CMS. Local Image Sharp spraudnis Strapi ļauj izmantot AVIF attēlus Strapi vietnēs. Spraudnis izmanto sharp Image Processing Toolkit, lai konvertētu attēlus AVIF attēlos.

    Spraudnis Local Image Sharp piedāvā jums vairākas funkcijas, tostarp:

    • Attēlu automātiskā konvertēšana AVIF attēlos
    • Attēlu kvalitātes un kompresijas līmeņa pielāgošana
    • Atbalsts dažādiem attēlu formātiem

    Lai instalētu spraudni, lejupielādējiet to no Strapi spraudņu veikala un instalējiet to kā jebkuru citu Strapi spraudni.

    Mēs esam iestatījuši mūsu tīmekļa vietnē tā, ka attēlus turpina augšupielādēt kā JPG vai PNG. Sistēma konvertē attēlus AVIF un WEBP formātos 6 dažādās izšķirtspējās, lai atbilstoši ierīcei (datoram, planšetdatoram, mobīlajam) parādītu pareizi izmērā piemērotus attēlus pārlūkā kā AVIF. Vecākiem pārlūkiem mums ir rezerves risinājums ar WebP attēliem, kas tad tiek rādīti.

    Vislabāk ir izmantot <picture>-Tag, kas satur <source>- un <img>-Tag, lai parādītu attēlus pareizajā izšķirtspējā un abos formātos AVIF un WebP, izmantojot JPEG vai PNG avotu.

    Attēli jaunajā tīmekļa formātā bija viens no svarīgākajiem rādītājiem mūsu aģentūras vietnes lieliskajai veiktspējai, papildus kešatmiņai:

    PageSpeed Insights par 4eck-media - darba galdu

    Piezīme par meta sīktēliem un strukturētajiem datiem

    Tā kā Google attēlos joprojām neatbalsta AVIF formātu, mēs kā shēma-Markup vienmēr norādām "attēls": attiecīgo JPG failu. Tāpat meta sīktēls, ko mēs norādām katrai produktu lapai, lai Google piedāvātu priekšskatījuma attēlu Search-Snippet, joprojām satur JPG formātu.

    Drošībai vienmēr jābūt paaugstinātai. Forumos jau ziņots, ka pēc pārejas uz AVIF kāda persona zaudēja pilnīgu tiešsaistes attēlu redzamību. Mēs šo pieredzi nepotrdinām. Mūsu gadījumā tiešsaistes attēlu redzamība palika nemainīga, taču Google botu pieprasījumi attēliem ir palielinājušies. Interesanti, ka mēs redzam, ka Google bots iztīra WebP attēlus, kas kā rezerve tiek gatavoti vecākajiem pārlūkiem. Šķiet, ka Google pašlaik iztīra tīmekļa attēlus, kas varētu būt WebP.

    Rīki un programmatūra attēlu apstrādei AVIF attēlu

    Attēli tiek bieži un labprāt apstrādāti, tāpēc svarīgi, lai populārās attēlu apstrādes programmas būtu saderīgas ar AVIF formātu. Dažreiz jūs lejupielādējat esošu attēlu no vietnes, lai veiktu izmaiņas. Šajā gadījumā ir labi, ja jūsu iecienītā programma var to atvērt, kas ir svarīgākā funkcija, ko nozīmē AVIF saderība. Pat ja tas tiek saglabāts citā formātā, to var konvertēt atpakaļ par AVIF izmantojot Squoosh vai citus rīkus.

    Šeit ir saraksts ar attēlu apstrādes programmām, kas atbalsta AVIF (stāvoklis septembris 2023. gads):

    • Gimps: var importēt, rediģēt un eksportēt AVIF kopš 2.10.22 versijas.
    • Photopea: var importēt un rediģēt AVIF, bet neeksportēt. Tātad saglabāšana citā faila formātā ir iespējama.
    • Affinity Photo: nav atbalsts AVIF
    • Photoshop: nav atbalsts, bet spraudnis palīdz, lai veiktu saderību.

    AVIF spraudnis Photoshop

    Šeit atradīsi spraudni, ar kuru Photoshop var atvērt arī AVIF failus.
    https://github.com/0xC0000054/avif-format


    Lejupielāde ir iespējama lapas Releases sadaļā.

    Kad esi lejupielādējis ZIP failu, ievieto Av1Image.8bi šajā mapē, kurā Photoshop meklē spraudņus. Parasti standarta instalācijās šī mape ir šāda:
    C:\Program Files\Common Files\Adobe\Plug-ins\CC

    Vai šī mape: C:\Program Files\Adobe\Photoshop [version]\Plug-ins

    Photoshop jāaizver. Pēc tam sāciet Photoshop, lai uzstādītu spraudni. Pēc tam AVIF failus varat atvērt Photoshopā tieši ar velk un nomest vai, izmantojot atvēršanas dialogu.

    AVIF programmu Photoshop

    AVIF attēli Windowsā

    Kad es lejupielādēju attēlus no tīmekļa vietnes, lai tos rediģētu vai citādi izmantotu, protams, vēlos, lai failu pārlūks varētu tos atvērt un parādīt.

    Sākot ar Windows 10, tas ir iespējams, bet tam ir nepieciešama paplašinājums. Noklikšķinot uz AVIF faila, jums vispirms parādās kļūdas ziņojums. 

    AVIF kļūda parādās Windows sistēmā.

    Kļūdas ziņojumā ir saite. Noklikšķinot uz tā, jūs nonāksiet Microsoft Store, kur varat iegādāties AVIF paplašinājumu. Lejupielādējiet to. Tas ir tikai 1,61 MB liels.

    AVIF paplašinājums Microsoft platformai

    Pēc tam varēsiet atvērt un parādīt attēlus AVIF formātā Windows failu pārlūkprogrammā.

    AVIF rādīšana Microsoft sistēmā.

    AVIF animāciju integrēšana tīmekļa vietnēs, nevis GIF animācijas

    Šeit ir tiešsaistes konvertēšanas rīks, lai pārvērstu GIF animācijas par AVIF animācijām. https://mconverter.eu/convert/gif/avif/

    Kamēr mans testa GIF fails ir 787 KB liels, animācija AVIF veidā tiek samazināta līdz 411 KB.

    Mana personīgā secinājums

    Manā skatījumā AVIF ir labākā izvēle, lai pašlaik integrētu modernus attēlu formātus tīmekļa vietnēs. Iespējas saistībā ar kompresiju un attēla kvalitāti ir pārliecinošas. Neviens cits attēla formāts nesavieno šīs īpašības un tik stipri uzlabo ielādes laikus. Pašlaik pārāk maz tīmekļa vietu īpašnieku izmanto AVIF formātu, kaut arī pārlūka atbalsts ir lielāks par 85 % un tehniski nav nekādu šķēršļu turpināt izmantot WebP. SEO ir izmaiņās. AVIF pats par sevi protams nedos augstus rezultātus PageSpeed Insights; tam nepieciešami arī citi tehniski faktori. Ja jums ir jāintegrē moderni attēlu formāti, izvēloties AVIF, jūs varēsiet panākt labākus rezultātus salīdzinājumā ar WebP.

    Optimizēts atslēgvārdu saturs vien nepietiks vairs, jo caur inteliģento tehnoloģiju tiek piesārņota interneta telpa ar saturu, kas liek daudzām tīmekļa vietnēm konkurēt ar augstu saturu, lai nodrošinātu tiešsaistes redzamību. Tehniskais SEO un īpaši Core Web Vitals uzņemšanās kļūst aizvien būtiskāks klasēšanas faktors un tādēļ tas ir lēmējs, jo Google vēlas nodrošināt lietotājiem maksimālu lietotāju pieredzi. AVIF ir – kopā ar citiem faktoriem – sastāvdaļa risinājumam, lai paātrinātu jūsu ielādes laikus, palielinātu lietotāju pieredzi un perspektīvā uzlabotu tiešsaistes redzamību.

    Uzzini vairāk par SEO, lietotāju pieredzi, dizainu un tehnoloģiskajiem trendiem

    Ja pamatā šie jautājumi par SEO, lietotāju pieredzi, KI rīkiem un jaunām tīmekļa tehnoloģijām ir interesanti, uzzini vairāk mūsu apmācībās un citos rakstos šeit blogā.

    1101,908,1094,1055,1096

    Tavām darbībam

    Ja šis raksts bija noderīgs jums, droši rakstiet mums atsauksmi Google. Katra atsauksme mums palīdz. Ja jums ir nepieciešama palīdzība saistībā ar AVIF izmantošanu savā tīmekļa projektā, droši sazinieties ar mums caur mūsu aģentūras vietni.

    Publicēts no Matthias Petri
    Publicēts:
    Nozīmējis Matthias Petri
    Matthias Petri kopā ar savu brāli Stefanu Petri 2010. gadā nodibināja aģentūru 4eck Media GmbH & Co. KG. Kopā ar savu komandu viņš vada populāro nozares forumu PSD-Tutorials.de un e-mācību portālu TutKit.com. Viņš publicējis daudzus apmācības materiālus attēlu labošanai, mārketingam un dizainam, kā arī pasniedzis kā lektors FHM Rostock par "Digitālo mārketingu & komunikāciju". Par savu darbību viņš tika atzīts vairākas reizes, tai skaitā ar Mecklenburg-Vorpommern 2011. gada Tīmekļa vietnes balvas Honorary Award un kā Mecklenburg-Vorpommern 2015. gada Radošais cilvēks. 2016. gadā viņu iecēla par Kompetenču centra Kultūras un radošās ekonomikas federācijas biedru un viņš iesaistījies iniciatīvā “Wir sind der Osten” kā uzņēmējs un izpilddirektors, kas pārstāv daudzus citus austrumvācietības nozīmīgos cilvēkus.
    Atgriezties pie sākuma