Hur man skapar en GIF från bilder.

Öppna GIF Maker och välj Bilder. Ladda upp dina bilder eller välj Prova ett exempel. Vanliga format inkluderar JPG, PNG, WebP och GIF; uppladdningsformuläret listar ytterligare format som stöds. En batch kan innehålla upp till 50 filer, med en gräns på 25 MB per bild och övergripande bearbetningsgränser.

Det här exemplet använder Prova ett exempel för att ladda gif-orbit-01.webp till gif-orbit-04.webp. Varje original är 640 × 640 pixlar, och de fyra bilderna visar olika positioner i samma orbitalscen. Behåll deras ursprungliga ordning för det önskade resultatet.

Bildkorten ligger ovanför förhandsgranskningen. Dra ett kort för att ändra dess position, eller markera det och använd Flytta tidigare eller Flytta senare i inställningspanelen. Tangentbordsanvändare kan markera kort med piltangenterna och ändra ordning med Alt plus en piltangent. Spela upp ovanför förhandsgranskningen kontrollerar den aktuella sekvensen.

Duplicera lägger till en kopia av den valda bilden. Ta bort raderar en bild från sekvensen, men behåller minst en. Ångra och Gör om återställer senaste ändringar; att lägga till eller ta bort en källfil startar en ny filuppsättning och nollställer ändringshistoriken. Använd Lägg till bilder när sekvensen behöver fler bilder.

Markera en bild och ställ in Varaktighet i sekunder. Det stödda intervallet är 0.02 till 10 sekunder per källbild. Använd denna varaktighet för alla bilder ger varje bild den valda tidsinställningen. För ett bildspel med en titel eller ett detaljerat slutfoto, låt den bilden vara synlig längre än de andra.

För exemplet, behåll varje Varaktighet på 0.65 sekunder. Prova ett exempel ställer redan in detta värde; med dina egna bilder, ange 0.65 för en bild och välj Använd denna varaktighet för alla bilder. Välj Mjuk toning under Övergång och ställ in Övergångstid till 0.20 sekunder, eller 200 millisekunder.

Öppna Text & exportkvalitet och behåll Övergångssteg på 4. Varje toning lägger till fyra mellanliggande bilder. Med fyra originalbilder, fyra loopande toningsteg, Framåt-uppspelning och Upprepa för evigt, innehåller detta exempel 20 renderade bilder. De fyra 0.65-sekunders pauserna plus fyra 0.20-sekunders toningarna skapar en 3.4-sekunders cykel.

Rent snitt växlar direkt mellan bilder utan att lägga till övergångsbilder. Skjut åt vänster flyttar nästa bild över arbetsytan. Fler övergångssteg kan göra en övergång mjukare, men de använder mer av exportbudgeten på 200 bilder. Redigeraren rapporterar när den valda sekvensen och effekterna överskrider den gränsen.

Framåt spelar sekvensen i ordning, Bakåt spelar den baklänges, och Studsa återvänder genom sekvensen utan att upprepa båda slutbilderna. Loop väljer oändlig upprepning eller ett fast antal uppspelningar. För arbetsexemplet, behåll Framåt och Upprepa för evigt.

Under Arbetsyta & bakgrund, välj Kvadrat · 1:1 för exemplet och behåll Bredd och Höjd på 640 px. Andra förinställningar inkluderar Porträtt, Story, Landskap och Widescreen. Matcha första bilden startar från den första bildens form, medan Anpassad storlek accepterar dimensioner från 16 till 1600 px per sida, beroende på animationens totala bearbetningsgräns.

Bildanpassning erbjuder Visa hela bilden och Fyll arbetsytan. Visa hela bilden vid 100% zoom behåller alla källans kanter och kan lämna bakgrund runt en bild med annan form. Fyll arbetsytan täcker utdataområdet och kan beskära kanterna. Ställ in Bakgrund till önskad fyllning eller aktivera Transparent bakgrund när destinationen kräver det.

Markera en bild för att ändra dess inramning oberoende. Dra i förhandsgranskningen eller ändra Zoom, använd Vänster eller Höger för 90-graders rotationer, eller Vänd för att spegelvända den. Återställ bild återställer den bilden till centrerad, oroterad inramning vid 100% zoom. Exemplet behåller alla fyra ursprungliga kvadratiska bilder centrerade och använder Visa hela bilden.

Markera den första bilden och skriv Made to loop. i Bildtext. Lämna de andra tre bildtexterna tomma. Under Text & exportkvalitet, behåll Bildtextposition på Botten, Bildtextstorlek på 32 px och Bildtextfärg vit. Bildtexter tillhör enskilda bilder; att markera en annan bild låter dig skriva en annan rad. Exemplets första bildtext tonas bort med sin bild.

Behåll GIF färger på 256 · mer detaljer, med Mjuka färggradienter och Optimera filstorlek aktiverat för det färdiga resultatet. Lägre färgrantal kan göra en lättare fil men kan ändra subtila nyanser. Mjuka färggradienter använder dither, vilket kan mjuka upp färgband samtidigt som ett synligt fint mönster läggs till.

Spela upp förhandsgranskningen och titta på en komplett cykel, inklusive återgången från den sista bilden till den första. Kontrollera att bildtexter förblir synliga tillräckligt länge, att beskärningen är konsekvent och att ingen bild känns förhastad. Välj Skapa GIF när sekvensen är klar; servern renderar den slutgiltiga animationen från de uppladdade originalen.

Arbetsexemplet laddar ner animation.gif vid 640 × 640 pixlar. Det verkliga resultatet har 20 bilder, en 3.4-sekunders cykel och oändlig loop. Jämförelsen ovan visar de fyra originalbilderna som ett kontaktark och den faktiska första bilden av den nedladdade GIF, inklusive den tillagda Made to loop.-bildtexten.

Artikelbilderna är fortfarande förhandsgranskningar, inte en animationsspelare. Öppna den nedladdade GIF i en app som stöder animation för att kontrollera timing och loop. En förhandsgranskning som ser mjuk ut kan fortfarande få färgförändringar efter GIF palettkonvertering, så inspektera det sparade resultatet innan du delar.

För ett mindre resultat, prova färre källbilder, kortare övergångar, färre övergångssteg, en mindre arbetsyta eller ett lägre GIF färgvärde. Att bara förkorta paustiden tar inte bort bildrutor, så det kan ändra tempot utan att minska filstorleken nämnvärt.

Ladda ner innan du uppdaterar eller lämnar sidan. Att uppdatera redigeraren eller nedladdningssidan återgår till huvudverktygssidan. Behåll dina originalbilder eftersom den exporterade GIF är en plattad animation, inte en projektfil som innehåller de redigerbara källkontrollerna.