Animoidut kuvat herättävät verkkosivuston kävijöiden huomion enemmän kuin staattiset. Nämä kuvat ovat GIF- ja SWF-muodossa. Jotkin nykyaikaiset selaimet tukevat myös SVG-animaatioita.
Ohjeet
Vaihe 1
Animoidun kuvan muodon valinta perustuu omiin kykyihisi. GIF- ja SVG-animaatioita voidaan luoda ilmaisohjelmilla (GIMP ja Inkscape, vastaavasti), kun taas animoidun SWF-sovelman saamiseksi sinun on käytettävä maksettua Adobe Flash -ohjelmistopakettia (ei pidä sekoittaa ilmaiseen Adobe Flash Playeriin). Huomaa myös, että GIF-animaatioita voidaan tarkastella melkein kaikissa selaimissa, lukuun ottamatta joitain mobiileja, SWF-muotoisia - vain Flash Playerin ollessa asennettuna ja SVG-muotoja - vain moderneissa selaimissa, lähinnä pöytätietokoneissa.
Vaihe 2
Jos et halua luoda animoitua kuvaa itse, käytä tällaisten kuvien jonkin ilmaisen pankin palveluja. GIF-animaatiot löytyvät esimerkiksi AnimatedGifs-verkkosivustolta, SWF Free Flash Animations -sivustolta ja SVG Wikimedia Commons -sivustolta Animated SVG -ryhmästä. Noudata lisenssiehtoja, kun asetat kuvia yleisön saataville.
Vaihe 3
Lisää animoitu GIF-kuva verkkosivulle käyttämällä staattisten kuvien lisäämiseen käytettyä HTML-koodia. Jos kuva sijaitsee samassa palvelinkansiossa kuin HTML-tiedosto, käytä tätä koodia:. Jos; t se sijaitsee saman palvelimen eri kansiossa tai eri palvelimessa, muokkaa koodia seuraavalla leikkauksella:. Lisää SVG-tiedostot samalla tavalla, sillä ainoalla erolla, että niillä on erilainen laajennus: ei gif, vaan svg.
Vaihe 4
Älä yritä lisätä SWF-tiedostoa img src -tunnisteen avulla. Tätä varten käytetään upotettua tunnistetta ja koodi muuttuu huomattavasti hankalammaksi:, jossa animatedimage.swf on SWF-tiedoston nimi (tai koko polku siihen), 320 on leveys, 240 on korkeus (nämä numerot voidaan muuttaa oman harkintasi mukaan).
