Web-animasjon: GIF, Animasjons-WebP og MP4
Sammenligning av løpende GIF-paletter, moderne WebP-animasjon og videoløkker.
Filene dine behandles utelukkende i nettleseren din ved hjelp av HTML5 Canvas og WebAssembly. Ingen data forlater noen gang enheten din.
Hopp over opp- og nedlastingskøer. Konverteringer skjer lokalt i full maskinvarehastighet uten serverbegrensninger.
I samsvar med offisielle ISO-, W3C- og IETF-spesifikasjoner for å garantere utdatakompatibilitet på tværs av moderne operativsystemer.
Format-sammenligning og tekniske spesifikasjoner
| Utdataformat | MIME-type | Spesifikasjon | Type |
|---|---|---|---|
| GIF Animert | image/gif | ITU-T-T81-JPEG | Løpende bildesekvens |
| MP4 video | video/mp4 | ISO-IEC-14496-14-MP4 | MPEG-4 videocontainerformat |
| APNG Animert PNG | image/apng | MOZILLA-APNG-SPEC | True-Color animert PNG |
| WebP bilde | image/webp | RFC-6386-VP8 | Moderne bildeformat fra Google med høy kompresjon |
| LOTTIE animasjon | application/json | LOTTIE-ANIMATION-SPEC | Vektoranimasjon i JSON |
Tekniske spesifikasjoner og kodekoversikt
Hvorfor GIF er foreldet for web-animasjon
GIF ble opprettet i 1987 og er begrenset til 256 farger, noe som gir kornete bilder og enorme filstørrelser. Konvertering av en 15 MB løpende GIF til animert WebP eller en dempet MP4-video krymper filen til ~1,5 MB med full 24-bits ektefargenøyaktighet og alfatransparens.
Når du bør velge animert WebP kontra løpende video
Animert WebP er ideelt for brukergrensesnittets mikro-interaksjoner og klistremerker som krever alfatransparens. For lange videoklipp gir HTML5 dempet løkkevideo (MP4/WebM) maskinvareakselerasjon og sparer mobilens batterilevetid.
0 byte lastet opp til eksterne servere. All behandling skjedde lokalt i nettlesersandkassen din.