# Vie suunnitelma GIF-, MP4- tai WebM-silmukkana

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

Julkaisu, jonka tausta liikkuu hitaasti, on yksinkertaisinta liikkuvaa sisältöä: ei kuvamateriaalia tai leikkausta, samat sanat. Näin viet sen silmukkana ja valitset kohteeseen sopivan muodon.

## The short version

- Prolla jokaisen Gradiently-suunnitelman voi viedä saumattomana 5-30 sekunnin silmukkana, jossa teksti pysyy paikallaan ja Mark liikkuu sen alla.
- Silmukkaa muokkaavat neljä asetusta: liike, tahti, väri ja hiukkaset. Esikatselu näyttää täsmälleen lopullisen tiedoston.
- Video tallentuu selaimen tuen mukaan MP4- tai WebM-muodossa enintään 1080p:n tarkkuudella. Tallennus kestää yhtä kauan kuin video.
- GIF-viennit toistuvat loputtomasti ja pysyvät alle 15 Mt:n koossa pienentymällä tarvittaessa automaattisesti.
- Monisivuisen suunnitelman voi viedä yhtenä videona, jossa sivut näkyvät peräkkäin siirtymineen.

Kun haluat **viedä GIF-silmukan** tai MP4- tai WebM-videon Gradiently-suunnitelmasta, avaa se Studiossa, valitse **Vie** ja sitten **Video** tai **GIF**. Aseta pituudeksi 5-30 sekuntia, valitse Markin liike ja lataa. Sanat pysyvät täysin paikallaan, kun elävä tausta ajelehtii, virtaa tai hengittää niiden alla. Silmukan liitos ei hyppää näkyvästi, joten se voi toistua loputtomasti tarinassa, julkaisussa tai näytöllä. Video- ja GIF-vienti kuuluvat Prohon.

## GIF, MP4 vai WebM: minkä viet

| Muoto | Paras kohde | Hyvä tietää |
| --- | --- | --- |
| **MP4** | Instagram, TikTok, LinkedIn, X, YouTube Shorts, useimmat näytöt | Laajimmin hyväksytty videomuoto, pieni tiedosto suhteessa laatuun |
| **WebM** | Sivustot ja verkkosovellukset | Toistuu kaikissa nykyselaimissa, mutta osa somealustoista ei hyväksy sitä |
| **GIF** | Sähköposti, viestisovellukset, diat ja kohteet, jotka eivät hyväksy videota | Toistuu ilman toistopainiketta, mutta rajalliset värit tekevät tiedostoista suurempia ja pehmeämpiä |

Kun alusta hyväksyy videon, lähetä video. GIF on varavaihtoehto kohteisiin, jotka hyväksyvät vain kuvia.

Videomuoto riippuu selaimestasi: Gradiently tallentaa silmukan selaimessa ja käyttää sen tukemaa MP4- tai WebM-muotoa. Jos selain ei pysty tallentamaan videota lainkaan, valintaikkuna kertoo siitä ja ehdottaa Chromea tai Safaria. Tarkempi vertailu löytyy oppaista [GIF ja MP4](https://gradiently.design/fi/guide/gif-vs-mp4) sekä [MP4 ja WebM](https://gradiently.design/fi/guide/mp4-vs-webm).

## Toistuvan videon vienti

1. **Avaa Vie ja valitse Video** Esikatselu alkaa heti ja toistuu täsmälleen kuten lopullinen tiedosto.
2. **Aseta pituus** Valitse 5-30 sekuntia. Jos suunnitelmassa on tekstin saapumisanimaatioita, kuten nousu, ponnahtaminen, pyyhkäisy tai kirjoituskone, valintaikkuna näyttää niiden vaatiman vähimmäispituuden.
3. **Valitse liike, tahti, väri ja hiukkaset** Kokeile yhdistelmiä ja katso esikatselua. Valinnat tallentuvat suunnitelmaan, joten seuraava vienti alkaa siitä mihin jäit.
4. **Tallenna** Silmukka tallentuu reaaliajassa, joten 20 sekuntia kestää noin 20 sekuntia. Pidä välilehti auki latauksen alkamiseen asti.
5. **Julkaise videona** Lataa tiedosto kohteeseen, johon muutenkin julkaisisit videon. [Saumattomat silmukat](https://gradiently.design/fi/guide/seamless-loop-video) kertoo, miksi siisti liitos pitää huomion.

## Liike, tahti, väri ja hiukkaset

| Asetus | Vaihtoehdot | Vaikutus |
| --- | --- | --- |
| **Liike** | Ajelehdi, Virtaa, Hengitä, Pyöri, Paikallaan | Ajelehdi liukuu hitaasti; Virtaa tuottaa tasaisen virran; Hengitä nostaa ja laskee valoa vähäisellä liikkeellä; Pyöri taittaa ja kääntää materiaalia; Paikallaan liikuttaa vain hiukkasia |
| **Tahti** | Hidas, Tasainen, Vilkas | Määrittää liikkeen nopeuden |
| **Väri** | Alkuperäinen, Hehku, Siirtymä, Kierto | Alkuperäinen säilyttää värit; Hehku nostaa ja laskee kirkkautta; Siirtymä vie sävyjä yhteen suuntaan ja takaisin; Kierto kierrättää sävyt koko kierroksen |
| **Hiukkaset** | Designin omat, Ei mitään, Pöly, Tähdet, Usva, Parvi, Silkki, Hiillos | Valinnainen kerros valohiukkasia Markin väreissä |

Aloita rauhallisesti. Ajelehdi hitaalla tahdilla ja alkuperäisillä väreillä sopii lähes kaikille brändeille. Lisää vain suunnitelman tarvitessa.

Rauhalliset yhdistelmät tekevät parhaat syötesilmukat, sillä ne näyttävät elävältä pinnalta huomiota vaativan animaation sijaan. Säästä vilkkaammat asetukset, Pyöri vilkkaalla tahdilla tai Kierto-väri, julkistuksiin, tapahtumiin ja musiikkiin, joissa energia on tarkoituskin. Paljon pientä tekstiä sisältävä tarina on Hehku- tai Kierto-silmukalla vaikeampi lukea kuin rauhallisella taustalla. Sovita liike sanoihin.

Pystyjulkaisu Perjantaisin auki myöhään hitaasti ajelehtivalla liukuvärillä

Rauhallinen silmukka arkijulkaisuun: tausta liukuu, teksti ei liiku.

Pystysuuntainen julkistusillan tapahtumatarina pyörivällä liukuvärillä ja hiilloshiukkasilla

Elävämpi silmukka tapahtumatarinaan, hiukkaset Markin väreissä.

## GIF:n vienti

Valitse Videon sijaan **GIF**, niin samat silmukka-asetukset ovat käytössä. Lisävalinta on **Laatu**: Pieni, Tasapainoinen tai Terävä. Valintaikkuna näyttää GIF:n koon, kuvataajuuden ja arvioidun tiedostokoon ennen lataamista. Esikatselu toistaa silmukan täsmälleen kuten GIF.

### Pidä GIF pienenä

- Lyhyempi silmukka, 5-8 sekuntia
- Pieni tai Tasapainoinen laatu
- Rauhallinen liike ja Alkuperäinen väri
- Ei hiukkasia tai vain vähän
- Pienempi suunnitelman koko

### Mikä kasvattaa GIF:iä

- Pitkä silmukka
- Terävä laatu suuressa suunnitelmassa
- Kierto-väri, joka muuttaa jokaista pikseliä
- Tiheät hiukkaset kuten Parvi
- Hieno rakeisuus koko taustalla

Jokainen GIF pysyy alle 15 Mt:n: suurempi pienenee automaattisesti. Jos sekään ei riitä, Gradiently pyytää lyhentämään silmukkaa tai laskemaan laatua. GIF on rajattu 256 väriin kuvaa kohden, joten tasaisessa liukuvärissä voi näkyä hienoja portaita. [Animoidun GIF:n vinkit](https://gradiently.design/fi/guide/gif-maker-tips) kertoo niiden siistimisestä.

## Usean sivun vienti yhtenä videona

Monisivuinen suunnitelma, kuten karuselli tai esitys, voidaan viedä yhtenä videona. Sivut toistuvat peräkkäin oman kestonsa ajan valitsemallasi siirtymällä: ei siirtymää, häivytys, liuku, zoomaus tai sulautuminen, jossa sanat vajoavat Markiin ja seuraavat nousevat siitä. Aseta kestot ja siirtymät sivupalkissa. [Karusellin teko-opas](https://gradiently.design/fi/guide/carousel-pages) näyttää paikan. Valitse viennissä **Tämä sivu**, jos haluat vain yhden silmukan.

## Silmukan pituus ja koko

- Tarina ja Reel 9:16: 1080 × 1920
- Pystyjulkaisu 4:5: 1080 × 1350
- Neliö 1:1: 1080 × 1080
- Näyttö 16:9: 1920 × 1080

Suunnittele silmukan toistopaikan koossa. Video viedään enintään 1080p:n tarkkuudella, joka kattaa kaikki neljä.

- **5-10 sekuntia** tarinoihin, Reels-kansiin ja syötejulkaisuihin, joissa silmukka toistuu lukemisen ajan.
- **10-20 sekuntia** enemmän tekstiä sisältäviin julkaisuihin tai videoksi vietyyn karuselliin.
- **20-30 sekuntia** kauppojen, vastaanottojen ja tapahtumien näytöille, joissa pidempi kierto häivyttää toistoa.
- **Huomioi vähennetty liike** sivustoilla: tarjoa pysäytyskuva vähemmän liikettä pyytäville, kuten [vähennetyn liikkeen asetus](https://gradiently.design/fi/guide/reduced-motion) selittää.

Pituuksien perustelut löytyvät oppaasta [kuinka pitkä videosilmukan tulisi olla](https://gradiently.design/fi/guide/video-loop-length). Saman suunnitelman pysäytyskuviin, PNG-, JPEG-, PDF- ja SVG-vientiin, perehdy [suunnitelmien vientioppaassa](https://gradiently.design/fi/guide/export-images-and-loops).

## FAQ

### Miten vien suunnitelman GIF:nä?

Avaa suunnitelma Gradientlyssä, valitse Vie ja GIF. Valitse 5-30 sekunnin pituus, liike ja laaduksi Pieni, Tasapainoinen tai Terävä ja lataa.

### Miksi videoni vietiin WebM:nä MP4:n sijaan?

Gradiently tallentaa silmukan selaimessa sen tukemaan muotoon. Jotkin selaimet tallentavat MP4:ää, toiset WebM:ää.

### Kuinka suuri viety GIF voi olla?

Gradiently pitää jokaisen GIF:n alle 15 Mt:n ja pienentää kokoa tarvittaessa automaattisesti.

### Liikkuuko teksti toistuvassa videoviennissä?

Ei. Teksti pysyy paikallaan Markin liikkuessa alla, ellet ole lisännyt tekstianimaatioita, kuten nousua, ponnahtamista, pyyhkäisyä tai kirjoituskonetta.

### Voinko viedä karusellin yhtenä videona?

Kyllä. Valitse videoviennissä kaikki sivut. Ne toistuvat vuorotellen oman kestonsa ajan sivupalkissa asetetuilla siirtymillä.