/video-til-gif

Lag GIF fra video online (MP4, WebM, MOV)

Lag en animert GIF fra et utsnitt av en video, velg start og slutt med en slider, samt bredde og FPS. Alt skjer lokalt i nettleseren.

Slipp en video her, eller klikk for å velge

MP4, WebM, MOV, OGG

Slik fungerer det

Dette verktøyet gjør et utsnitt av videoen din om til en animert GIF, helt i nettleseren, ingenting lastes opp. Dra de to håndtakene for å velge start og slutt, og velg deretter bredde og bildefrekvens. Bildene hentes rett fra videoen og kodes til GIF lokalt.

GIF-er blir fort store, så det fungerer best på korte klipp (opptil 15 sekunder). Senk bredden eller bildefrekvensen for å gjøre resultatet mindre. Siden det bare leser videoen og tegner bilder, fungerer det i alle moderne nettlesere.

Om dette verktøyet

Video-til-GIF-verktøyet gjør et lite utsnitt av en video om til en animert GIF, hundre prosent lokalt i nettleseren. Du drar to håndtak for å velge start og slutt (maks 15 sekunder), setter bredde (240-640 px) og bildefrekvens (8-24 FPS), og genererer GIF direkte. Passer for reaksjons-GIF-er, produkt-demoer i dokumentasjon, forklaringsklipp på Slack og Discord, eller korte animasjoner til nettsteder som ikke kan spille video. GIF-formatet er stort men fungerer overalt, selv i eldre e-post-klienter og gruppechatter.

Slik bruker du det

  1. Slipp en videofil (MP4, WebM, MOV, OGG) på filsonen.
  2. Dra start- og sluttmarkør på tidslinjen for å velge inntil 15 sekunder.
  3. Velg utdata-bredde og bildefrekvens (lavere = mindre fil).
  4. Trykk «Lag GIF» og last ned den ferdige animasjonen.

Eksempler

Reaksjons-GIF fra film-klipp
InnMP4 3 sek, 320 px bredde, 12 FPS
UtGIF ca. 1,5 MB. Fungerer i Slack, Discord, Teams, iMessage, WhatsApp osv.
Slack og Discord komprimerer store GIF-er automatisk. 320 px bredde og 12 FPS er en god balanse mellom smoothness og filstørrelse.
Produkt-demo i README
InnSkjermopptak MP4 10 sek, 640 px bredde, 15 FPS
UtGIF ca. 5 MB. Kan legges i GitHub README, Notion eller Confluence.
GitHub tillater GIF-er inntil 10 MB per fil i README. For større demoer, embed en MP4-video på YouTube eller last opp til issue-vedlegg.

Vanlige bruksområder

  • Reaksjons-GIF-er i chat, e-post og forum.
  • Produkt-demoer og «hvordan gjøre X» i README-filer, dokumentasjon og blogginnlegg.
  • Korte animasjoner på sider som ikke støtter video-tagg (nyhetsbrev, wiki-plattformer).
  • Bug-rapportering: fange sekvensen der en feil oppstår i UI.
  • Sosiale medier-innlegg der auto-avspilling av video ikke er ønsket.

Ofte stilte spørsmål

Hvorfor bare 15 sekunder maks?
GIF-filer blir enorme veldig raskt. 15 sek @ 24 FPS = 360 bilder, hver bilde er en fullstendig 256-fargers bitmap. Selv med LZW-komprimering ender du på 5-20 MB per klipp. Lengre klipp gir 50+ MB-filer som er upraktiske overalt. For lange klipp, bruk MP4 eller WebM. Grensen er også på 450 bilder (MAX_FRAMES), så lengre klipp i praksis blir subsamplet.
Hvorfor ser fargene dårligere ut enn i videoen?
GIF-formatet støtter maks 256 farger per bilde, mot 16 millioner i video. GIF-koderen må derfor kvantisere fargene, som gir striper i myke gradienter og litt tap i hud- og skygge-toner. Dette er en fundamental begrensning i formatet, ikke i verktøyet. For fotografisk innhold med mange farger, bruk MP4 eller WebP-animasjon i stedet.
Kan jeg få høyere FPS enn 24?
Nei, 24 FPS er øvre grense i verktøyet. Selv om GIF-formatet teknisk støtter høyere, gjør nettleser-avspillere ofte 24 FPS uansett (mange begrenser til 20 fps). Filstørrelsen skalerer nesten lineært med FPS, så 30 FPS ville gitt 25 % større fil for minimal synlig gevinst. For flytende bevegelse ved høyere FPS, bruk MP4 eller WebM.
Kan jeg lage GIF med gjennomsiktig bakgrunn?
Nei, ikke fra dette verktøyet. Videofiler har ikke alpha-kanal, så det finnes ingen bakgrunn å gjøre transparent. GIF støtter én transparent farge per bilde (ikke ekte alpha), men skulle du hatt et grønnskjerm-klipp må du keye ut den grønne i et redigeringsprogram først. For animasjoner med ekte gjennomsiktighet, bruk animerte WebP eller PNG-sekvenser i CSS.

Teknisk bakgrunn

Prosess: video-elementet spilles av til `HTMLVideoElement`, hopper til hvert tidspunkt via `currentTime = t`. Ved hver keyframe tegnes videoen på en `<canvas>` med `drawImage`, som gir en `ImageData` med RGBA-piksler. Bildene sendes til gif.js (Web Worker som kjører LZW-komprimering med NeuQuant-fargekvantisering til 256 farger). Rammefrekvens = FPS-valg, frame-delay = 1000/FPS ms. Maks 450 bilder (MAX_FRAMES), grensen begrenser 15 sek × 24 FPS = 360. Utdata er `Blob` med MIME `image/gif` som kobles opp med `URL.createObjectURL`. All prosessering skjer i nettleseren, ingen server-kall.