Hvordan lage en animert Favicons

Animerte favicons ta av ikonene i URL-adresse barer ett skritt videre. Noen mennesker tror de er søt; noen mennesker tror de er irriterende. Du har kanskje ikke lagt merke til dem i det hele tatt, fordi de bare jobbe med nettleseren Firefox. Hvis du vil ha din egen animerte favicon alt du trenger er Photoshop og litt HTML mojo.

Bruksanvisning

1 Opprett en statisk favicon bilde. Du må størrelsen dokumentet 16 piksler med 16 piksler. Du kan redusere et større bilde eller lage din favicon fra bunnen av.

2 Lagre bildet som en ICO-fil. Du må ha ICO plug-in installert i "formater" -mappen inne plug-ins-mappen Photoshop. Velg "Windows ICO" som filformat i Lagre dialog. Bruk "favicon.ico" som filnavn.

3 Legg animasjon. Åpne Photoshop animasjon palett og pass på at du er i modus for delbildeanimasjon. Legg rammer for hvert trinn i animasjonen. Du kan endre lag stilling, eller vise og skjule lag for å lage animasjonen.

4 Lagre animasjonen som en GIF-fil (ICO-filer er statiske.) Velg "Save for Web og enheter" fra Fil-menyen. Pass på at åpenhet er valgt hvis du vil ha en gjennomsiktig bakgrunn. Bruk "favicon.gif" for filnavnet.

5 Endre nettsiden din. Sett inn følgende kode mellom tags:.

6 Last opp din nettside og filer til serveren din. Last siden i Firefox for å sørge for at de animerte favicon belastninger. Last siden i Explorer for å sørge for at de statiske ikonet belastninger.

Hint

• I skrivende animerte favicon bare jobbe med Firefox nettlesere.
• Ikke mal endringer på Photoshop-lag, fordi de vil påvirke hver ramme i animasjonen. Du kan endre lag stilling, eller kopiere laget og gjøre endringer i kopien.