# Gif-, mp4- of webm-loops exporteren uit elk ontwerp

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

Een stilstaande post met een langzaam bewegende achtergrond is de goedkoopste beweging die je ooit maakt: geen beeldmateriaal, geen montage, dezelfde woorden. Zo exporteer je hem als loop, en zo weet je welk van de drie formaten waarheen moet.

## The short version

- Met Pro kan elk Gradiently-ontwerp worden geëxporteerd als naadloze loop van 5 tot 30 seconden waarin de woorden stilstaan en de Mark eronder beweegt.
- Vier instellingen geven de loop vorm: beweging, tempo, kleur en deeltjes, en het voorbeeld speelt precies zoals het bestand zal doen.
- Video wordt opgeslagen als mp4 of webm, afhankelijk van wat je browser kan opnemen, op maximaal 1080p, en opnemen duurt even lang als de video.
- Gif-exports herhalen eindeloos en blijven onder 15 MB, en worden zo nodig vanzelf kleiner.
- Een ontwerp met meerdere pagina’s kan als één video worden geëxporteerd waarin de pagina’s om de beurt afspelen met hun overgangen.

Om **gif-loops** of mp4- en webm-video uit een Gradiently-ontwerp te exporteren, open je het in de Studio, kies je **Export** en pak je **Video** of **GIF**. Stel een lengte in tussen 5 en 30 seconden, kies hoe de Mark beweegt en download. Je woorden staan volkomen stil terwijl de levende achtergrond eronder drijft, stroomt of ademt, en de loop sluit aan zonder zichtbare sprong, dus hij kan eindeloos herhalen in een story, een post of op een scherm. Video- en gif-export zijn onderdeel van Pro.

## Gif, mp4 of webm: wat exporteer je

| Formaat | Het best voor | Goed om te weten |
| --- | --- | --- |
| **MP4** | Instagram, TikTok, LinkedIn, X, YouTube Shorts, de meeste schermen | Het breedst geaccepteerde videoformaat; klein voor zijn kwaliteit |
| **WebM** | Websites en webapps | Speelt in elke moderne browser; sommige socialplatforms accepteren het niet |
| **GIF** | E-mail, chatapps, presentaties, plekken die geen video accepteren | Herhaalt eindeloos zonder afspeelknop; kleuren zijn beperkt, dus bestanden zijn groter en zachter |

Accepteert een platform video, stuur dan video. Een gif is de terugvaloptie voor plekken die alleen afbeeldingen nemen.

Welk videoformaat je krijgt hangt af van je browser: Gradiently neemt de loop op in de browser en slaat hem op als mp4 of webm, naargelang wat die browser ondersteunt. Kan een browser helemaal geen video opnemen, dan zegt het venster dat en stelt het Chrome of Safari voor. De langere vergelijking staat in [gif versus mp4](https://gradiently.design/nl/guide/gif-vs-mp4) en [mp4 versus webm](https://gradiently.design/nl/guide/mp4-vs-webm).

## Zo exporteer je een looping video

1. **Open Export en kies Video** Het voorbeeld begint meteen te spelen, precies zoals het afgewerkte bestand zal doen.
2. **Stel de lengte in** Alles van 5 tot 30 seconden. Heeft het ontwerp tekstintreden zoals opkomen, poppen, vegen of typemachine, dan toont het venster de minimale lengte die ze nodig hebben om af te maken.
3. **Kies beweging, tempo, kleur en deeltjes** Probeer een paar combinaties en kijk naar het voorbeeld. Je keuzes worden op het ontwerp onthouden, dus de volgende export begint waar je bleef.
4. **Neem op** De loop wordt in realtime opgenomen, dus 20 seconden duurt ongeveer 20 seconden. Houd het tabblad open tot de download begint.
5. **Plaats het als video** Upload het bestand overal waar je een video zou plaatsen. [Naadloze loops](https://gradiently.design/nl/guide/seamless-loop-video) legt uit waarom een schone aansluiting de aandacht vasthoudt.

## Beweging, tempo, kleur en deeltjes

| Instelling | Opties | Wat het doet |
| --- | --- | --- |
| **Beweging** | Drift, Flow, Breathe, Swirl, Still | Drift glijdt langzaam; Flow loopt als een gestage stroom; Breathe laat licht zwellen met nauwelijks beweging; Swirl vouwt en draait het materiaal; Still houdt het veld vast en beweegt alleen de deeltjes |
| **Tempo** | Slow, Even, Brisk | Hoe snel de beweging loopt |
| **Kleur** | Original, Glow, Shift, Cycle | Original houdt kleuren zoals ontworpen; Glow laat helderheid in- en uitademen; Shift duwt tinten de ene kant op en terug; Cycle voert tinten helemaal rond |
| **Deeltjes** | Die van het ontwerp, None, Dust, Stars, Mist, Swarm, Silk, Embers | Een optioneel stof van licht in de kleuren van de Mark |

Begin rustig. Drift op Slow tempo met Original kleur past bij bijna elk merk; voeg alleen meer toe als het ontwerp erom vraagt.

De rustigere combinaties maken de beste loops voor feeds, omdat ze lezen als een levend oppervlak in plaats van een animatie die aandacht eist. Bewaar de levendigere, Swirl op Brisk tempo of Cycle-kleur, voor lanceringen, evenementen en muziek, waar energie het punt is. En een Glow- of Cycle-loop op een story met veel kleine tekst leest moeilijker dan een rustige, dus stem de beweging af op de woorden.

Een staande post met de tekst Vrijdag laat open over een langzaam driftend verloop

Een rustige loop voor een gewone post: het veld glijdt, de woorden bewegen nooit.

Een verticale evenementstory voor een lanceringsavond met een wervelend verloop en gloeiende deeltjes

Een levendigere loop voor een evenementstory, met deeltjes in de kleuren van de Mark.

## Zo exporteer je een gif

Kies **GIF** in plaats van Video en dezelfde loopinstellingen gelden. De extra keuze is **Kwaliteit**: Small, Balanced of Sharp. Het venster toont het formaat van de gif, de framerate en een schatting van de bestandsgrootte voordat je downloadt, en het voorbeeld speelt de loop precies zoals de gif zal doen.

### Houd een gif klein

- Een kortere loop, 5 tot 8 seconden
- Kwaliteit Small of Balanced
- Rustige beweging met Original kleur
- Geen deeltjes, of weinig
- Een kleiner ontwerpformaat

### Wat een gif zwaar maakt

- Een lange loop
- Sharp-kwaliteit op een groot ontwerp
- Cycle-kleur, die elke pixel verandert
- Dichte deeltjes zoals Swarm
- Fijne korrel over het hele veld

Elke gif blijft onder 15 MB: zou er een groter worden, dan wordt hij vanzelf kleiner. Past hij dan nog niet, dan vraagt Gradiently je een kortere loop of lagere kwaliteit te proberen. Gifs zijn beperkt tot 256 kleuren per frame, en daarom kan een glad verloop zwakke stappen tonen; [tips voor geanimeerde gifs](https://gradiently.design/nl/guide/gif-maker-tips) legt uit hoe je ze schoon houdt.

## Meerdere pagina’s als één video exporteren

Een ontwerp met meerdere pagina’s, zoals een carrousel of presentatie, kan als één video worden geëxporteerd. De pagina’s spelen na elkaar, elk met zijn eigen lengte, met de overgang die je ertussen instelde: None, Fade, Slide, Zoom of Dissolve, waarbij de woorden in de Mark zakken en de volgende eruit opkomen. Stel lengtes en overgangen in op de paginabalk; [de gids voor de carrouselmaker](https://gradiently.design/nl/guide/carousel-pages) laat zien waar. Kies **Deze pagina** in Export om één enkele loop te krijgen.

## Hoe lang een loop moet zijn, en welk formaat

- Story en Reel 9:16: 1080 × 1920
- Staande post 4:5: 1080 × 1350
- Vierkant 1:1: 1080 × 1080
- Scherm 16:9: 1920 × 1080

Ontwerp op het formaat van de plek waar de loop speelt. Video-exports gaan tot 1080p, wat alle vier dekt.

- **5 tot 10 seconden** voor stories, Reels-covers en feedposts, waar de loop herhaalt terwijl iemand leest.
- **10 tot 20 seconden** voor posts met meer te lezen, of een carrousel die als video is geëxporteerd.
- **20 tot 30 seconden** voor schermen in winkels, ontvangsten en evenementen, waar een langere cyclus de herhaling verbergt.
- **Respecteer verminderde beweging** op websites: bied een stilstaand beeld voor bezoekers die om minder beweging vragen, zoals [prefers reduced motion](https://gradiently.design/nl/guide/reduced-motion) uitlegt.

De redenering achter die lengtes staat in [hoe lang een videoloop moet zijn](https://gradiently.design/nl/guide/video-loop-length). Voor stilstaande beelden van hetzelfde ontwerp, png, jpeg, pdf en svg, zie [ontwerpen exporteren](https://gradiently.design/nl/guide/export-images-and-loops).

## FAQ

### Hoe exporteer ik een ontwerp als gif?

Open het ontwerp in Gradiently, kies Export, dan GIF. Kies een lengte van 5 tot 30 seconden, de beweging en een kwaliteit van Small, Balanced of Sharp, en download.

### Waarom werd mijn video als webm geëxporteerd in plaats van mp4?

Gradiently neemt de loop op in je browser en slaat hem op in het formaat dat die browser ondersteunt. Sommige browsers nemen mp4 op, andere webm.

### Hoe groot mag een geëxporteerde gif zijn?

Gradiently houdt elke gif onder 15 MB en maakt hem zo nodig automatisch kleiner.

### Bewegen de woorden in een looping video-export?

Nee. De woorden staan stil terwijl de Mark eronder beweegt, tenzij je tekstanimaties hebt toegevoegd zoals opkomen, poppen, vegen of typemachine.

### Kan ik een carrousel als één video exporteren?

Ja. Kies alle pagina’s in de video-export en ze spelen om de beurt, elk met zijn eigen lengte, met de overgangen die op de paginabalk zijn ingesteld.