Animeeritud pildid köidavad veebisaidi külastajate tähelepanu rohkem kui staatilised. Need pildid on saadaval GIF- ja SWF-vormingus. Mõni kaasaegne brauser toetab ka SVG-animatsioone.
Juhised
Samm 1
Animeeritud pildi vormingu valik põhineb teie enda võimalustel. GIF- ja SVG-animatsioone saab luua tasuta programmide abil (vastavalt GIMP ja Inkscape), animeeritud SWF-apleti saamiseks peate aga kasutama tasulist Adobe Flash-tarkvarapaketti (mitte segi ajada tasuta Adobe Flash Playeriga). Pange tähele ka seda, et GIF-animatsioone saab vaadata peaaegu kõigis brauserites, välja arvatud mõned mobiilsed, SWF-vormingus - ainult Flash Playeri installimisel ja SVG-vormingus - ainult kaasaegsetes brauserites, peamiselt lauaarvutite jaoks.
2. samm
Kui te ei soovi ise animeeritud pilti luua, kasutage selliste piltide ühe tasuta panga teenuseid. GIF-animatsioone võib leida näiteks veebisaidilt AnimatedGifs, SWF-ist veebisaidilt Free Flash Animations ja veebisaidilt Wikimedia Commons SVG kategooriasse Animated SVG. Piltide üldsusele kättesaadavaks tegemisel järgige litsentsitingimusi.
3. samm
Animeeritud GIF-pildi lisamiseks veebilehele kasutage HTML-koodi, mis on sarnane staatiliste piltide sisestamise koodiga. Kui pilt asub HTML-failiga samas serveri kaustas, kasutage seda koodi:. Kui; t see asub sama serveri teises kaustas või teises serveris, muutke koodi järgmise trimmiga:. Sisestage SVG-failid samamoodi, ainult selle erinevusega, et neil on erinev laiendus: mitte gif, vaid svg.
4. samm
Ärge proovige sisestada SWF-faili sildi img src abil. Selleks kasutatakse manustatud silti ja kood muutub märgatavalt tülikamaks:, kus animatedimage.swf on SWF-faili nimi (või selle täielik tee), 320 laius, 240 kõrgus (need numbrid saab oma äranägemise järgi muuta).
