Utilia

GIF-animaation teko

Tee animoitu GIF useista kuvista tai lyhyestä videoleikkeestä. Järjestä ruudut, säädä viiveet, toisto, koko, värit ja dithering. Ilmainen, ei lähetystä.

Ruudut

Ei vielä ruutuja: lisää vähintään kaksi kuvaa.

    Näin teet GIFin kuvista

    1. Pudota kaksi tai useampi kuva pudotusalueelle tai valitse ne napsauttamalla. JPG, PNG, WebP, BMP ja SVG toimivat. Animoidusta tiedostosta otetaan vain ensimmäinen ruutu.
    2. Järjestä ruudut kohdassa Ruudut: vedä riviä kahvasta tai käytä ↑- ja ↓-painikkeita. Käännä järjestys kääntää koko jakson, ja ✕ poistaa ruudun.
    3. Valitse Ruutujen ajoitus. Valinnalla Sama viive jokaiselle ruudulle kirjoita yksi Viive (ms). Vieressä oleva vihje näyttää vastaavan ruutunopeuden. Valinnalla Oma viive jokaiselle ruudulle jokaiselle riville tulee oma viivekenttänsä, mikä on kätevää, jos viimeistä ruutua halutaan pitää pidempään.
    4. Valitse Toisto: Toista loputtomasti tai Toista tietty määrä kertoja ja Toistojen määrä.
    5. Aseta Leveys (px). Korkeus seuraa ensimmäisen ruudun mittasuhteita. Eri muotoisille ruuduille valitse Sovita sisään (lisää palkit), Täytä ja rajaa tai Venytä sekä Taustaväri palkeille ja läpinäkyville alueille.
    6. Säädä tarvittaessa Värit, Paletti ja Dithering ja napsauta sitten Luo GIF. Animaatio toistuu esikatselussa. Lataa GIF tallentaa sen.

    GIFin teko videoleikkeestä

    Pudota lyhyt video (MP4, WebM tai mikä tahansa, minkä selaimesi osaa toistaa) samalle pudotusalueelle. Avautuu Ruudut videoleikkeestä -paneeli soittimen kera. Anna haluamasi osan Alku (s) ja Loppu (s) sekä Ruutua sekunnissa ja napsauta Lisää ruutuja videosta. Työkalu hakee jokaisen hetken, poimii kuvan ja lisää sen ruutuluetteloon sopivalla viiveellä, joten voit edelleen järjestää, poistaa tai sekoittaa ruutuja valokuvien kanssa. Videoenkooderia ei ladata: ruudut kaapataan suoraan selaimen soittimesta.

    Pidä leikkeet lyhyinä. 10 ruudulla sekunnissa kolme sekuntia tarkoittaa jo 30 ruutua, ja GIF tallentaa jokaisen ruudun kokonaisena kuvana. Tämä työkalu hyväksyy enintään 300 ruutua.

    Värit, paletit ja dithering

    GIF-ruutu voi käyttää enintään 256 väriä. Työkalu rakentaa paletin nopealla kvantisoijalla (pareittainen lähimmän naapurin klusterointi) ja kuvaa jokaisen pikselin lähimpään paletin väriin.

    • Yksi paletti koko GIFille ottaa näytteitä jokaisesta ruudusta ja rakentaa yhden väritaulukon. Tiedosto on pienempi ja värit pysyvät tasaisina ruudusta toiseen, mikä estää vilkkumisen.
    • Yksi paletti ruutua kohti antaa jokaiselle ruudulle oman taulukon: värit ovat uskollisemmat, kun ruudut poikkeavat paljon toisistaan, hieman suuremman tiedoston hinnalla.
    • Värit pienentää paletin kokoa (128, 64, 32, 16). Vähemmän värejä tarkoittaa pienempää tiedostoa ja litteämpää, julistemaista ilmettä.
    • Dithering (pehmeämmät sävyliukumat, suurempi tiedosto) käyttää Floyd–Steinbergin virheenlevitystä: jokaisen pikselin pyöristysvirhe levitetään naapureille (7/16, 3/16, 5/16 ja 1/16), jolloin taivaisiin ja ihonsävyihin tulee hieno rae näkyvien raitojen sijaan. Ditheroidut pikselit pakkautuvat huonommin, joten tiedosto kasvaa.

    Ajoitus- ja tiedostokokovinkkejä

    GIF-viiveet tallennetaan sadasosasekunteina, joten työkalu pyöristää ne 10 ms:iin. Alle 20 ms:n viiveet nostetaan 20 ms:iin, koska monet selaimet korvaavat lyhyemmät viiveet hitaalla 100 ms:llä. GIFin koko kasvaa leveyden × korkeuden × ruutujen määrän mukaan: leveyden puolittaminen jakaa datan noin neljällä. Chat- ja somejulkaisuihin 320–480 px:n leveys riittää yleensä.

    Kaikki tapahtuu selaimessasi: kuvia ja videoita ei koskaan lähetetä palvelimelle.

    Usein kysytyt kysymykset

    Kuinka monta kuvaa voin laittaa GIFiin?

    Enintään 300 ruutua. Hyvin pitkät animaatiot saavuttavat nopeasti kymmeniä megatavuja, joten yli muutaman sekunnin kuvamateriaalille videomuoto on parempi valinta.

    Miksi GIFini näyttää rakeiselta tai raidalliselta?

    GIF on rajattu 256 väriin. Kytke Dithering päälle pehmentääksesi sävyliukumia tai pois litteälle grafiikalle ja kuvakaappauksille, joissa se lisää vain kohinaa.

    Voinko antaa yhdelle ruudulle pidemmän tauon?

    Voit. Valitse Oma viive jokaiselle ruudulle ja kirjoita suurempi viive kyseisen ruudun riville, esimerkiksi 2000 ms viimeiselle ruudulle.

    Säilyttääkö GIF läpinäkyvyyden?

    Ei. Läpinäkyvät alueet täytetään Taustavärillä, koska GIFin läpinäkyvyys on pikselikohtaisesti päällä tai pois, ja se antaa valokuviin rosoiset reunat.

    Miksi toistojen määrä näyttää erilaiselta joissakin sovelluksissa?

    Toista tietty määrä kertoja kirjoittaa standardin NETSCAPE-silmukkalohkon. Muutama sovellus ohittaa sen ja toistaa aina loputtomasti.