UltKit

GIF na AVIF omskakel

'n Geanimeerde AVIF speel soos 'n GIF in 'n beeldetiket, maar word met die AV1-videokodek saamgepers, sodat dieselfde lus op 'n webblad net 'n fraksie van die grepe kos.

Video-omskakelaar

of los MP4, MOV, MKV …-lêers hier ·

Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute

Uitvoer

Lêers word op ons bedieners verwerk en na 30 minute uitgevee.

Hoe om hierdie nutsding te gebruik

  1. 1

    Voeg u GIF's by

    Laai tot 20 geanimeerde GIF's op, elk tot 95 MB. Kort MP4- of WebM-snitte kan ook direk na geanimeerde AVIF gaan.

  2. 2

    Stel die breedte

    Geanimeerde uitvoer begin by 'n Breedte van 480 px. Voer die GIF se eie breedte onder Gevorderde instellings in as jy dit ongeskaleer wil hê; Herhaal bly op Herhaal vir altyd.

  3. 3

    Skakel om na AVIF

    Druk Skakel om na AVIF en laai die .avif-lêers af, gereed om in 'n picture-element op jou webwerf te plaas.

Waarom GIF na AVIF omskakel vir 'n webwerf

GIF stoor elke raam as 'n afsonderlike beeld met 256 kleure. 'n Produkdemonstrasie of skermopname-deurloop van 'n paar sekondes kan etlike megagrepe weeg, en op 'n landingsbladsy weeg daardie een beeld dikwels meer as al die kode. Google se Lighthouse-oudit het 'n eie toets, "Use video formats for animated content", wat op presies hierdie lêers mik.

AVIF is in 2019 deur die Alliance for Open Media afgehandel as 'n stilbeeldformaat gebou op die AV1-videokodek, binne die HEIF-houer. 'n Geanimeerde AVIF is 'n AV1-beeldreeks: latere rame word uit vroeëre voorspel, presies soos in 'n videolêer, sodat net die verskil tussen rame bisse kos.

GIF teenoor geanimeerde AVIF: wat die formaat byvoeg

from ↓ · to →Meer as 256 kleure per raamGladde alfa-randeBewegingsvoorspelde rame10-bit colorMaak in elke beeldkyker oop
GIF– GIF to Meer as 256 kleure per raam: no– GIF to Gladde alfa-rande: no– GIF to Bewegingsvoorspelde rame: no– GIF to 10-bit color: noGIF to Maak in elke beeldkyker oop: yes
Geanimeerde AVIFGeanimeerde AVIF to Meer as 256 kleure per raam: yesGeanimeerde AVIF to Gladde alfa-rande: yesGeanimeerde AVIF to Bewegingsvoorspelde rame: yesGeanimeerde AVIF to 10-bit color: yes– Geanimeerde AVIF to Maak in elke beeldkyker oop: no
supported not offeredFormaatvermoëns soos gespesifiseer. Ondersteuning vir geanimeerde AVIF in rekenaar-beeldkykers en geselsprogramme is nog ongelyk.

GIF

Graphics Interchange Format

GIF is in 1987 deur CompuServe bekendgestel en is steeds die mees wyd ondersteunde formaat vir kort, herhalende animasies. Dit is verliesvry, maar beperk tot 'n palet van 256 kleure per raam, so foto's en gradiënte toon bandvorming en dithering. Dit ondersteun slegs aan/af (1-bis) deursigtigheid, wat getande rande op geronde vorms laat. Geanimeerde GIF's is dikwels baie groter as dieselfde snit as MP4 of WebP. Elke blaaier, kletsprogram en sosiale platform speel GIF's.

Kompressie
Verliesloos
Deursigtigheid
Ja
Animasie
Ja
Bekendgestel
1987 · CompuServe
GIF-omskakelaar

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
AVIF-omskakelaar

GIF word AVIF wanneer 'n webwerfeienaar bladsygewig wil verminder: hero-lusse, produkdemonstrasies en UI-deurloop-video's behou hul outospeel-gedrag as beeldetiket terwyl die grepe skerp daal en die 256-kleur-bandvorming verdwyn.

Wanneer geanimeerde AVIF die regte vervanging is

AVIF werk goed vir

  • Hero- en kenmerklusse op jou eie webwerf
  • Produk-UI-demonstrasies met gradiënte en skaduwees
  • Bladsye wat op laaityd en Core Web Vitals beoordeel word
  • Animasies wat sagte deursigtige rande nodig het

Hou die GIF vir

  • E-poskoerante en handtekeninge
  • Forums en geselsprogramme wat net GIF voorskou
  • Oplaaie na ouer CMS-installasies
  • Ontvangers wat die rame later gaan wysig

Geanimeerde AVIF met 'n terugval aanbied

Huidige weergawes van Chrome, Edge, Firefox en Safari speel almal geanimeerde AVIF; Firefox was die laaste om animasie by te voeg, in weergawe 113. Om dit agter 'n picture-element met die GIF as terugval te publiseer kos niks nie en beskerm ouer blaaiers. AVIF-kodering is stadiger as om 'n GIF te skryf, so verwag dat 'n lang snit merkbaar langer neem om om te skakel as as WebP.

As die lus na 'n geselsprogram gaan in plaas van jou eie webwerf, is 'n videolêer veiliger: GIF na MP4 speel orals. Die AVIF-, HEIC- en WebP-gids vergelyk die drie moderne beeldformate in detail.

Vrae oor GIF na AVIF

Sal 'n geanimeerde AVIF soos 'n GIF in 'n lus speel?

Ja. Die Herhaal-opsie is op Herhaal vir altyd gestel, en blaaiers herhaal 'n AVIF-beeldreeks net soos 'n GIF binne 'n img-etiket, sonder kontroles en sonder klank. Kies Speel een keer vir 'n inleidingsanimasie wat by sy laaste raam moet stop.

Hoekom wys my AVIF net die eerste raam?

Die kyker verstaan stilstaande AVIF, maar nie AVIF-beeldreekse nie. Ouer beeldkykers en Firefox-weergawes voor 113, wat in 2023 vrygestel is, gedra hulle so. Maak die lêer in 'n huidige Chrome, Edge, Firefox of Safari oop om die animasie na te gaan.

Behou die AVIF my GIF se deursigtige agtergrond?

Die AVIF-formaat ondersteun 'n volle alfakanaal, dus kan dit deursigtigheid baie beter hanteer as GIF se aan-of-af-piksels. Kyk na die resultaat teen 'n gekleurde of geruite agtergrond voordat jy publiseer, want 'n ingeplakte matkleur uit die oorspronklike GIF bly sigbaar.

Kan ek geanimeerde AVIF na WordPress oplaai?

WordPress 6.5, wat in 2024 vrygestel is, het AVIF by die media-biblioteek gevoeg, mits die bediener se beeldbiblioteek dit ondersteun. Ouer installasies weier die oplaai; hou dan die GIF of gebruik GIF na WebP, wat WordPress sedert 5.8 aanvaar.

Hoe wys ek die AVIF met 'n GIF as terugval?

Sit albei in 'n picture-element: 'n source-etiket met type image/avif wat na die AVIF wys, dan 'n img-etiket met die GIF. Blaaiers wat AVIF dekodeer, neem die klein lêer, en enigiets anders val terug op die GIF sonder 'n gebreekte beeld.