AVIF na WebP-omskakelaar
AVIF is die nuwer en gewoonlik kleiner webformaat, maar WebP werk op meer toestelle en in meer inhoudstelsels. Skakel AVIF om na WebP wanneer 'n webwerf op ouer iPhones en Macs moet werk of 'n CMS die oplaai weier, en behou steeds die moderne saampersing en deursigtigheid.
Beeldomskakelaar
of los JPG, JPEG, JPE …-lêers hier ·
Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute
Lêers word op ons bedieners verwerk en na 30 minute uitgevee.
85 hou foto's visueel identies aan die oorspronklike. Verlaag dit slegs wanneer jy 'n kleiner lêer nodig het.
JPG, BMP en EPS het geen deursigtigheid nie. Deursigtige pixels word met hierdie kleur gevul.
Heks-kleur agter deursigtige pixels, bv. #FFFFFF.
Hierdie formaat hou een beeld. Kies GIF- of WebP-uitvoer as jy die animasie wil behou.
'n Multi-grootte-ikoon bevat verskeie resolusies in een lêer; blaaiers en bedryfstelsels kies die een wat hulle nodig het.
Behou die oorspronklike afmetings, of voer een kant in en die aspekverhouding word behou.
Pixels vir die kant wat jy hierbo gekies het.
Persentasie van die oorspronklike afmetings.
sRGB is reg vir skerms en die web. Behou die oorspronklike vir drukwerkvloei; grysskaal gooi kleur weg.
Slegs metadata, 0 behou die oorspronklike waarde. Drukkers en sommige portale lees hierdie getal; dit verander nie die pixelafmetings nie.
Hoe om hierdie nutsding te gebruik
- 1
Voeg die AVIF-beelde by
Laai tot 20 .avif-lêers op, elk 95 MB, uit 'n ontwerpuitvoer, 'n beeld-CDN-aflaai of 'n webwerfrugsteun.
- 2
Kies verliesryk of verliesvry
Kwaliteit begin by 85, wat pas by foto's wat reeds verlieslike AVIF was. Merk Verliesloos onder Gevorderde instellings net vir plat grafika of vir AVIF-lêers wat verliesloos gestoor is.
- 3
Druk Skakel om na WebP
Laai elke WebP af, of een ZIP. Deursigtige areas bly deursigtig, en lêers word na 30 minute uitgevee.
Kort antwoord: skakel AVIF na WebP om by kwaliteit 85 wanneer 'n blaaier, inprop of gasheer nie AVIF ondersteun nie. Jy verloor 'n bietjie grootte-doeltreffendheid, behou deursigtigheid, en kry 'n lêer wat op byna elke toestel in gebruik laai.
Hoekom AVIF na WebP omskakel in 2026
AVIF is in 2019 deur die Alliance for Open Media gepubliseer en gebruik die AV1-videokodek vir stilbeelde. Dit klop gewoonlik WebP in grootte by dieselfde visuele kwaliteit, veral vir foto's met gladde gradiënte. Ondersteuning het egter in fases gekom: Chrome 85 in 2020, Firefox 93 in 2021, Safari eers vanaf weergawe 16 in 2022 met gapings tot 16.4, en Edge eers by weergawe 121 in Januarie 2024.
WebP, in 2010 deur Google vrygestel, word sedert Safari 14 in 2020 deur elke groot blaaier vertoon. Foons wat by iOS 15 vassit, soos die iPhone 7 en 6s, wys WebP maar nie AVIF nie. As 'n AVIF breek waar jy nie kan opgradeer nie, is WebP die naaste stap af. Lees meer oor die afwegings in AVIF, HEIC en WebP verduidelik.
AVIF teenoor WebP: ondersteuning in blaaiers en WordPress
| from ↓ · to → | AVIF | WebP |
|---|---|---|
| Chrome 85+ | Chrome 85+ to AVIF: yes | Chrome 85+ to WebP: yes |
| Firefox 93+ | Firefox 93+ to AVIF: yes | Firefox 93+ to WebP: yes |
| Safari 16.4+ | Safari 16.4+ to AVIF: yes | Safari 16.4+ to WebP: yes |
| Safari 14–16.3 | – Safari 14–16.3 to AVIF: no | Safari 14–16.3 to WebP: yes |
| Edge 121+ | Edge 121+ to AVIF: yes | Edge 121+ to WebP: yes |
| Edge 18–120 | – Edge 18–120 to AVIF: no | Edge 18–120 to WebP: yes |
| WordPress 5.8–6.4 | – WordPress 5.8–6.4 to AVIF: no | WordPress 5.8–6.4 to WebP: yes |
| WordPress 6.5+ | WordPress 6.5+ to AVIF: yes | WordPress 6.5+ to WebP: yes |
AVIF
AV1 Image File Format
AVIF stoor stilbeelde en beeldreekse wat met die AV1-videokodek saamgepers is, en is in 2019 deur die Alliance for Open Media gefinaliseer. Dit lewer gewoonlik kleiner lêers as beide JPEG en WebP teen dieselfde visuele gehalte en ondersteun deursigtigheid, animasie, wye kleuromvang en HDR. Enkodering is stadiger as ouer formate, en baie fyn teksture kan teen lae gehalte-instellings gladgestryk lyk. Alle groot blaaiers wys nou AVIF, maar baie rekenaartoepassings, sosiale platforms en ouer toestelle kan dit nie oopmaak nie.
- Kompressie
- Met verlies of verliesloos
- Deursigtigheid
- Ja
- Animasie
- Ja
- Bekendgestel
- 2019 · Alliance for Open Media
WEBP
WebP-beeld
WebP is 'n beeldformaat wat Google in 2010 vrygestel het om webbladsye vinniger te laat laai. Dit ondersteun beide verlieslike en verlieslose kompressie, alfadeursigtigheid en animasie in een formaat. Verlieslike WebP-lêers is gewoonlik 25–35% kleiner as JPEG's van soortgelyke visuele gehalte, en verlieslose WebP is gewoonlik kleiner as PNG. Elke huidige blaaier ondersteun dit, maar sommige ouer rekenaarsagteware, drukdienste en oplaaivorms weier dit steeds. Windows, macOS en die meeste moderne beeldredigeerders kan WebP-lêers oopmaak.
- Kompressie
- Met verlies of verliesloos
- Deursigtigheid
- Ja
- Animasie
- Ja
- Bekendgestel
- 2010 · Google
Mense skakel AVIF na WebP om om moderne saampersing en deursigtigheid te behou terwyl hulle blaaiers, foons en CMS-gashbase bereik wat AVIF steeds nie kan hanteer nie; WebP na AVIF is die teenoorgestelde skuif, om meer grepe uit te pers sodra elke besoeker dit kan dekodeer.
Wat verander wanneer u van AVIF na WebP oorskakel
Wat WebP jou gee
- Vertoon op ouer Safari-, Edge- en iOS 15-toestelle
- Sedert 5.8 deur WordPress aanvaar op byna enige gasheer
- Behou die alfakanaal
- Vinniger om te enkodeer en dekodeer op goedkoop foons
Wat jy prysgee
- Lêers gewoonlik effens groter as AVIF
- Slegs 8-bis, so HDR- en 10-bis-AVIF word platgemaak
- 'n Tweede verlieslike enkodering vir verlieslike bronne
AVIF na WebP omskakel: kwaliteit- en verliesvry-instellings
Pas die instelling by hoe die AVIF gemaak is. Die meeste AVIF-lêers op die web is verlieslike foto's, so verlieslike WebP by 85 hou hulle visueel ongeskonde terwyl dit lig bly. Grafika met plat kleur, teks of skerp rande is waar Verliesloos uitblink, omdat WebP se verlieslose modus juis vir daardie soort beeld ontwerp is.
HDR- en 10-bis-AVIF-lêers word na 8-bis toonvertaal, want WebP het nie 'n hoër bisdiepte nie. Laat Kleurruimte op sRGB vir webaflewering. As jy 'n terugvalstel vir 'n <picture>-element bou, hou die oorspronklike AVIF langs die WebP, en wanneer 'n bladsy nie een van die twee formate nodig het nie, hou AVIF na PNG alles verliesloos.
Vrae oor AVIF na WebP
Hoekom AVIF na WebP omskakel as AVIF kleiner is?
Want 'n kleiner lêer help nie as dit nie vertoon word nie. Safari voor weergawe 16.4, iPhones wat nie verder as iOS 15 kan opdateer nie, Edge voor weergawe 121 en baie WordPress-gashbase slaan AVIF oor of hanteer dit net gedeeltelik. WebP werk op almal en is steeds baie ligter as JPG of PNG.
Verloor AVIF na WebP kwaliteit?
'n Verlieslike AVIF wat as verlieslike WebP herkodeer word, gaan deur 'n tweede rondte saampersing, so 'n bietjie detail gaan verlore. By kwaliteit 85 is die verskil moeilik om op foto's te sien. Om verlieslike AVIF na verlklose WebP om te skakel bring nie detail terug nie; dit maak die lêer net baie groter.
Wanneer moet ek Verliesvry merk vir AVIF na WebP?
Wanneer die AVIF self verliesloos is, of wanneer dit 'n plat grafika soos 'n logo, grafiek of UI-skermkiekie is. Verliesloze WebP stoor dit presies en kompak. Vir foto's is verlieslike WebP by 80 tot 90 die regte instelling.
Bly 'n deursigtige AVIF deursigtig as WebP?
Ja. Albei formate dra 'n volle alfakanaal, so produkuitsnitte en logo's behou hul deursigtige agtergrond sonder 'n vulkleur.
Hoekom weier WordPress my AVIF-oplaai?
WordPress het AVIF-ondersteuning in weergawe 6.5 in 2024 bygevoeg, maar net wanneer die bediener se beeldbiblioteek dit kan verwerk. Op ouer WordPress-weergawes of gashbase waarvan die GD- of Imagick-bou AVIF kortkom, misluk die oplaai. WebP word sedert weergawe 5.8 aanvaar en deur byna elke gasheer hanteer.
Moet ek AVIF en WebP saam bedien?
As jy die HTML beheer, ja: lys die AVIF eerste en die WebP tweede binne 'n <picture>-element, en elke blaaier kies die eerste formaat wat dit ondersteun. Omskakeling gee jou daardie WebP-terugval. Vir toepassings wat nie een van die twee nodig het nie, gebruik AVIF na JPG.
| PNG na WebP | JPG na WebP | GIF na WebP |
| SVG na WebP | HEIC na WebP | Beeld na WebP |