# Exportera GIF-, MP4- och WebM-loopar från din design

[Canonical HTML page](https://gradiently.design/sv/guide/export-video-gif)

Ett stillastående inlägg med en bakgrund som rör sig sakta är den billigaste rörelse du någonsin gör: ingen film, ingen klippning, samma ord. Så exporterar du den som en loop, och vilket av de tre formaten du skickar vart.

## The short version

- Med Pro kan vilken Gradiently-design som helst exporteras som en sömlös loop på 5 till 30 sekunder där orden står stilla och Marken rör sig under dem.
- Fyra inställningar formar loopen: rörelse, tempo, färg och partiklar, och förhandsvisningen spelar exakt som filen kommer att göra.
- Video sparas som MP4 eller WebM, beroende på vad din webbläsare kan spela in, i upp till 1080p, och inspelningen tar lika lång tid som videon.
- GIF-exporter loopar för evigt och hålls under 15 MB, och minskar i storlek av sig själva vid behov.
- En design med flera sidor kan exporteras som en video där sidorna spelas i tur och ordning med sina övergångar.

För att **exportera GIF**-loopar, eller MP4- och WebM-video, från en Gradiently-design öppnar du den i Studion, väljer **Export** och **Video** eller **GIF**. Ställ in en längd mellan 5 och 30 sekunder, välj hur Marken rör sig och ladda ner. Dina ord står helt stilla medan den levande bakgrunden driver, flödar eller andas under dem, och loopen knyts ihop utan synligt hopp, så den kan upprepas för evigt i en story, ett inlägg eller på en skärm. Video- och GIF-export ingår i Pro.

## GIF, MP4 eller WebM: vilket du ska exportera

| Format | Bäst för | Bra att veta |
| --- | --- | --- |
| **MP4** | Instagram, TikTok, LinkedIn, X, YouTube Shorts, de flesta skärmar | Det mest accepterade videoformatet, litet för sin kvalitet |
| **WebM** | Webbplatser och webbappar | Spelas i alla moderna webbläsare, vissa sociala plattformar tar inte emot det |
| **GIF** | E-post, chattappar, presentationer, platser som inte tar video | Loopar för evigt utan uppspelningsknapp, färgerna är begränsade så filerna blir större och mjukare |

När en plattform tar emot video, skicka video. En GIF är reservlösningen för platser som bara tar bilder.

Vilket videoformat du får beror på din webbläsare: Gradiently spelar in loopen i webbläsaren och sparar den som MP4 eller WebM beroende på vad webbläsaren stöder. Kan en webbläsare inte spela in video alls säger dialogrutan det och föreslår Chrome eller Safari. Den längre jämförelsen finns i [GIF mot MP4](https://gradiently.design/sv/guide/gif-vs-mp4) och [MP4 mot WebM](https://gradiently.design/sv/guide/mp4-vs-webm).

## Så exporterar du en loopande video

1. **Öppna Export och välj Video** Förhandsvisningen börjar spelas direkt, precis som den färdiga filen kommer att göra.
2. **Ställ in längden** Allt från 5 till 30 sekunder. Om designen har textintoningar som höjning, puff, svep eller skrivmaskin visar dialogrutan den minsta längd de behöver för att bli klara.
3. **Välj rörelse, tempo, färg och partiklar** Prova några kombinationer och titta på förhandsvisningen. Dina val sparas på designen, så nästa export börjar där du slutade.
4. **Spela in** Loopen spelas in i realtid, så 20 sekunder tar ungefär 20 sekunder. Håll fliken öppen tills nedladdningen börjar.
5. **Publicera den som video** Ladda upp filen där du skulle lägga ut en video. [Sömlösa loopar](https://gradiently.design/sv/guide/seamless-loop-video) förklarar varför en ren skarv håller kvar uppmärksamheten.

## Rörelse, tempo, färg och partiklar

| Inställning | Alternativ | Vad den gör |
| --- | --- | --- |
| **Rörelse** | Drift, Ström, Andas, Virvel, Stilla | Drift glider långsamt, Ström går med en jämn strömning, Andas får ljuset att svälla med nästan ingen rörelse, Virvel viker och vänder materialet och Stilla håller ytan och rör bara partiklarna |
| **Tempo** | Långsamt, Jämnt, Rappt | Hur snabbt rörelsen går |
| **Färg** | Original, Lyster, Skifta, Cykel | Original behåller färgerna som designade, Lyster låter ljusstyrkan andas in och ut, Skifta lutar nyanserna åt ena hållet och tillbaka, Cykel tar nyanserna hela varvet runt |
| **Partiklar** | Designens egna, Ingen, Damm, Stjärnor, Dis, Svärm, Siden, Glöd | Ett valfritt damm av ljus i Markens färger |

Börja lugnt. Drift i tempot Långsamt med färgen Original passar nästan vilket varumärke som helst, lägg till mer bara om designen kräver det.

De lugnare kombinationerna ger de bästa looparna för flöden, eftersom de läses som en levande yta snarare än en animation som kräver uppmärksamhet. Spara de livligare, Virvel i tempot Rappt eller färgen Cykel, till lanseringar, evenemang och musik, där energin är poängen. Och en loop med Lyster eller Cykel på en story med mycket liten text är svårare att läsa än en stilla, så anpassa rörelsen efter orden.

Ett stående inlägg med texten Öppet sent på fredagar över en långsamt drivande gradient

En lugn loop för ett vardagsinlägg: ytan glider, orden rör sig aldrig.

En stående evenemangsstory för en lanseringskväll med en virvlande gradient och glödpartiklar

En livligare loop för en evenemangsstory, med partiklar i Markens färger.

## Så exporterar du en GIF

Välj **GIF** i stället för Video så gäller samma loopinställningar. Det extra valet är **Kvalitet**: Liten, Balanserad eller Skarp. Dialogrutan visar GIF-filens storlek, bildfrekvens och en uppskattning av filstorleken innan du laddar ner, och förhandsvisningen spelar loopen exakt som GIF-filen kommer att göra.

### Håll en GIF liten

- En kortare loop, 5 till 8 sekunder
- Kvalitet Liten eller Balanserad
- Lugn rörelse med färgen Original
- Inga partiklar, eller få
- En mindre designstorlek

### Vad som gör en GIF tung

- En lång loop
- Kvalitet Skarp på en stor design
- Färgen Cykel, som ändrar varje pixel
- Täta partiklar som Svärm
- Fint korn över hela ytan

Varje GIF hålls under 15 MB: skulle en bli större minskar den i storlek av sig själv. Får den ändå inte plats ber Gradiently dig prova en kortare loop eller lägre kvalitet. GIF-filer är begränsade till 256 färger per bildruta, vilket är varför en mjuk gradient kan visa svaga steg. [Tips för animerade GIF-filer](https://gradiently.design/sv/guide/gif-maker-tips) förklarar hur du håller dem rena.

## Exportera flera sidor som en video

En design med flera sidor, som en karusell eller en presentation, kan exporteras som en video. Sidorna spelas efter varandra, var och en under sin egen längd, med övergången du ställt in mellan dem: Ingen, Tona, Skjut, Zoom eller Övertona, där orden sjunker ner i Marken och nästa stiger upp ur den. Ställ in längder och övergångar i sidfältet. [Guiden till karusellskaparen](https://gradiently.design/sv/guide/carousel-pages) visar var. Välj **Den här sidan** i Export för att få en enda loop i stället.

## Hur lång en loop ska vara, och vilken storlek

- Story och Reel 9:16: 1080 × 1920
- Stående inlägg 4:5: 1080 × 1350
- Kvadrat 1:1: 1080 × 1080
- Skärm 16:9: 1920 × 1080

Designa i storleken på platsen där loopen ska spelas. Videoexporter går upp till 1080p, vilket täcker alla fyra.

- **5 till 10 sekunder** för stories, Reel-omslag och flödesinlägg, där loopen upprepas medan någon läser.
- **10 till 20 sekunder** för inlägg med mer att läsa, eller en karusell exporterad som video.
- **20 till 30 sekunder** för skärmar i butiker, receptioner och på evenemang, där en längre cykel döljer upprepningen.
- **Respektera minskad rörelse** på webbplatser: erbjud en stillbild åt besökare som ber om mindre rörelse, som [prefers reduced motion](https://gradiently.design/sv/guide/reduced-motion) förklarar.

Resonemanget bakom de längderna finns i [hur lång en videoloop ska vara](https://gradiently.design/sv/guide/video-loop-length). För stillbilder från samma design, PNG, JPEG, PDF och SVG, se [exportera designer](https://gradiently.design/sv/guide/export-images-and-loops).

## FAQ

### Hur exporterar jag en design som GIF?

Öppna designen i Gradiently, välj Export och sedan GIF. Välj en längd på 5 till 30 sekunder, rörelsen och en kvalitet av Liten, Balanserad eller Skarp, och ladda ner.

### Varför exporterades min video som WebM i stället för MP4?

Gradiently spelar in loopen i din webbläsare och sparar den i det format webbläsaren stöder. Vissa webbläsare spelar in MP4, andra WebM.

### Hur stor kan en exporterad GIF bli?

Gradiently håller varje GIF under 15 MB och minskar den automatiskt i storlek vid behov.

### Rör sig orden i en loopande videoexport?

Nej. Orden står stilla medan Marken rör sig under dem, om du inte har lagt till textanimationer som höjning, puff, svep eller skrivmaskin.

### Kan jag exportera en karusell som en video?

Ja. Välj alla sidor i videoexporten så spelas de i tur och ordning, var och en under sin egen längd, med övergångarna som ställts in i sidfältet.
