Hur gör man en GIF av en video eller bilder? Steg för steg på alla enheter

Varje GIF börjar med en av tre saker: en video du redan har, en serie stillbilder eller en mall som sköter animeringen åt dig. Hitta raden som stämmer med ditt material.

Vilken väg du än väljer blir resultatet samma typ av fil: en stapel stillbilder, var och en med sin egen visningstid och sin egen palett på högst 256 färger, plus en uppgift om hur många gånger animeringen ska upprepas. Illustrationen högst upp i guiden visar idén, och den strukturen förklarar nästan varje inställning längre ner.

Att göra om en video till en GIF betyder att plocka ut stillbilder ur några sekunders film. Sajtens video till GIF-verktyg gör det direkt i webbläsaren, så klippet lämnar aldrig din mobil eller dator. Det spelar roll när det gäller skärminspelningar från jobbet eller privata familjevideor.

1. 1Öppna GIF-skaparen och släpp en MP4-, MOV- eller WEBM-fil i rutan, eller tryck för att välja den i mobilen.
2. 2Spela upp eller dra i videon och tryck på Börja här och Sluta här för att markera avsnittet. En GIF är oftast två till sex sekunder lång.
3. 3Välj bildrutor per sekund. 10 räcker för de flesta klipp; använd 15–25 bara för snabba rörelser som sport eller spel, eftersom varje steg ger fler bildrutor och större fil.
4. 4Tryck på Lägg till bildrutor. De hamnar i en remsa där du kan ta bort en seg början, duplicera en bildruta för att hålla kvar ett ögonblick eller vända hela klippet.
5. 5Välj bredd (480 pixlar räcker för nästan alla chattar och webbsidor) och låt loopen stå på För alltid.
6. 6Tryck på Skapa GIF, kontrollera förhandsvisningen och filstorleken och ladda sedan ner den.

Välj om möjligt ett klipp där kameran står still. En stillastående bild på någon som reagerar komprimeras mycket bättre än samma ögonblick filmat på fri hand, eftersom bara de delar av varje bildruta som ändras behöver sparas igen. Storlekstestet längre ner visar det i siffror.

En serie stillbilder blir en GIF på samma sätt som ett blädderblock: varje bild är en bildruta som syns en stund innan nästa tar över. Semesterbilder, en produkt från flera vinklar, stegen i ett recept eller en serie teckningar fungerar lika bra.

1. 1Lägg till dina JPG-, PNG-, WEBP- eller HEIC-bilder i GIF-generatorn online. Du kan lägga till fler när som helst; nya bilder hamnar sist i remsan.
2. 2Ordna dem: markera en bildruta och använd Flytta tidigare eller Flytta senare, eller Vänd för att vända hela sekvensen.
3. 3Ställ in tid per bildruta. I ett bildspel ger 500 ms till 1,5 sekunder tid att titta; i stop motion får 80–150 ms rörelsen att se sammanhängande ut.
4. 4Välj format. Som första bildrutan behåller proportionerna från din första bild; Kvadrat passar chattar och profilbilder, och Hög 9:16 passar stories.
5. 5Välj Visa hela bilden så att varje bild får plats i ramen, eller Fyll ramen för att beskära kanterna och slippa svarta kanter.
6. 6Välj loop, tryck på Skapa GIF och ladda ner den.

Bilder som tagits med några sekunders mellanrum ger de mjukaste animeringarna, så bildserier är perfekta. För stop motion ställer du kameran på ett stativ och låser exponeringen, annars fladdrar ljusstyrkan mellan bildrutorna. Behöver en bild rätas upp eller beskäras innan den läggs in, beskär den först och lägg till den beskurna kopian.

Mobiler kan göra enkla GIF:ar med sina egna appar. Vad som går beror på märket, så här beskrivs bara det som Apple och Samsung själva dokumenterar, med en notering när en funktion bara beskrivs i guider från tredje part. Vill du styra hastighet, storlek och färger på vilken mobil som helst fungerar webbläsaren precis som på datorn.

Med en mall är animeringen redan klar: du lägger in en bild eller en text och rörelsen är redan designad. Det är det snabbaste sättet att göra en GIF till ett meddelande, en födelsedag eller gruppchatten.

• ”My beloved”-memen: hjärtmedaljong-GIF-skaparen lägger din bild i en röd medaljong som öppnas bredvid en text eller en andra bild.
• Egna emojis: gör om en GIF till en Discord- eller Slack-emoji, kvadratisk, skalad och anpassad till varje plattforms gräns (256 KB på Discord, 128 KB på Slack).
• Animerade logotyper och ikoner: om animeringen är en SVG kan du konvertera SVG till GIF så att den spelas upp där SVG inte stöds, till exempel i e-post.

Photoshop bygger GIF:ar av lager, vilket passar dig som vill redigera enskilda bildrutor. Stegen gäller bildruteanimeringen i tidslinjen i aktuella versioner.

1. 1Läs in bilderna som lager med Arkiv → Skript → Läs in filer i stapel. För en video använder du Arkiv → Importera → Videobildrutor till lager och väljer intervall.
2. 2Öppna Fönster → Tidslinje och välj Skapa bildruteanimering mitt i panelen.
3. 3Välj Skapa bildrutor från lager i tidslinjepanelens meny. Varje lager blir en bildruta.
4. 4Ställ in fördröjningen för varje bildruta i den lilla menyn under miniatyren och sätt upprepningen längst ner i panelen till För alltid.
5. 5Exportera med Arkiv → Exportera → Spara för webben (äldre). Välj GIF, ange antal färger (128 är en bra start), slå på eller av dithering, kontrollera filstorleken i förhandsvisningens hörn och spara.

Kör du Photoshop på engelska heter kommandona Load Files into Stack, Create Frame Animation, Make Frames From Layers och Save for Web (Legacy). Photoshop ger kontroll bildruta för bildruta, till priset av en prenumeration och ett dussin steg. För att ordna bilder eller ett klipp och få en ren och liten GIF räcker webbläsarverktyget, med samma inställningar på en minut.

Fem inställningar avgör hur en GIF ser ut och hur stor den blir. Här är vad var och en gör, med ett startvärde för vanliga användningar.

För att se vilka inställningar som verkligen spelar roll gjorde vi samma klipp på 3 sekunder med sajtens GIF-kodare och ändrade en inställning i taget. Den ena versionen är en långsam kamerapanorering över ett detaljrikt landskap där varje pixel ändras i varje bildruta, som i de flesta mobilvideor. Den andra visar samma bild stilla med bara ett litet föremål som rör sig, vilket är så skärminspelningar och stativbilder ser ut.

Tre saker sticker ut. För det första väger innehållet tyngre än inställningarna: den stilla bilden är 50 gånger mindre än panoreringen med samma mått, eftersom kodaren bara sparar pixlar som ändras. För det andra skalar bildfrekvensen storleken nästan exakt när bilden rör sig: dubbelt så många bildrutor, dubbelt så stor fil. För det tredje sparade en minskning från 255 till 64 färger 38 procent, medan dithering lade till 23 procent. Dina siffror beror på materialet, men ordningen mellan spakarna håller.

Gå igenom listan i ordning och sluta så fort GIF:en håller måttet. De första stegen sparar mest och kostar minst kvalitet.

1. 1Korta klippet. Ta bort sega början och slut; varje sekund du tar bort är en sekund som inte sparas.
2. 2Sänk bildfrekvensen. Från 20 till 10 bilder/s halverar ungefär ett klipp med rörelse.
3. 3Beskär till det som händer. Mindre bakgrund i rörelse betyder färre ändrade pixlar per bildruta, den största faktorn i testet.
4. 4Minska bredden. 480 pixlar räcker nästan överallt där en GIF visas; 320 i chatten.
5. 5Använd färre färger och stäng av dithering, om inte GIF:en visar ränder.
6. 6Komprimera resten. GIF-komprimeraren kan krympa en färdig GIF till en exakt storlek som 256 KB eller 5 MB, mot att lite detaljer går förlorade.

Är GIF:en fortfarande för stor efter allt det är det ärliga svaret att GIF är fel format för klippet. En kort MP4 eller WebP behåller mycket mer kvalitet till en bråkdel av storleken, som jämförelsen nedan visar. Är det stillbilder som är för tunga hjälper guiden om att minska bildstorleken utan att förlora kvalitet, med JPG, PNG och WebP.

En GIF kan markera en färg i varje bildrutas palett som genomskinlig. En pixel är alltså antingen helt genomskinlig eller helt täckande, inget däremellan. Det fungerar bra för klistermärken, ikoner och utklipp med skarpa kanter, och det är därför mjuka kanter blir grova.

Mjuka kanter i ett foto eller en PNG består av halvgenomskinliga pixlar som smälter ihop med det som finns bakom. En GIF måste runda av varje sådan pixel till täckande eller genomskinlig, så kurvor blir trappiga och de täckande pixlarna behåller färgen från bakgrunden de klipptes ut från. Det är den vita eller mörka kanten du ser när en GIF som gjorts mot vitt hamnar på en mörk sida.

• För att göra en genomskinlig GIF av bilder utgår du från PNG-utklipp och väljer Genomskinlig som bakgrund i GIF-skaparen.
• För att göra en befintlig animering genomskinlig kan du ta bort bakgrunden från GIF:en. Verktyget tar bort den bildruta för bildruta och kan också fylla den med en ny färg.
• Undvik kanter genom att klippa ut motivet mot en färg som liknar sidan det ska hamna på, eller håll formerna skarpa och hoppa över mjuka skuggor.

Om stillbilder med genomskinlig bakgrund, och om varför PNG hanterar mjuka kanter bättre än GIF, kan du läsa i guiden om genomskinliga bakgrunder.

GIF kom 1987 och fick animering och genomskinlighet 1989. Formatet lever kvar för att det spelas upp överallt utan play-knapp. De nyare formaten är mindre och ser bättre ut, men inget av dem accepteras överallt där en GIF fungerar.

Välj GIF för chattar, emojis, e-post och där det efterfrågas. Välj MP4 för allt som är längre än några sekunder, allt med ljud och för sociala medier, där många ändå gör om uppladdade GIF:ar till video. För att byta format på en färdig GIF behåller GIF till MP4-konverteraren bildrutornas exakta tempo; vår test-GIF på 2,1 MB blev en MP4 på 184 KB. Välj animerad WebP för din egen webbplats när du behöver genomskinlighet eller en mindre fil. Guiden om bildformat går djupare in på WebP.