PORADY DO SOFTU

Jak wykonać ruchomą faviconę?


Na początku warto wspomnieć dla tych, którzy nie wiedzą o co chodzi co to jest favicona. Jest to mała ikonka o wymiarach 16x16 pikseli, (spotykane są też favikony o wymiarach 32x32px) która w przeglądarce internetowej znajduje się tuż przed adresem strony internetowej. Dodatkowo taka favicona pojawi się na zakładce strony internetowej w przeglądarce oraz jeśli dodamy tą stronę do Ulubionych. Dla przykładu favicona serwisu TylkoProgramy.pl jest statyczna i wygląda tak: .

Przechodząc do głównego tematu. Aby wykonać animowaną ikonę musimy najpierw w jakimś edytorze graficznym wykonać serię małych plików graficznych o wymiarach 16x16 px i zapisać je do formatu GIF. Obrazki te muszą stanowić po połączeniu jakąś sensowną całość, tworzyć coś na wzór prostego filmiku.

Gdy już wykonamy taką animację, kopiujemy ją na serwer gdzie mamy swoją stronę, a w META strony dodajemy dwie linie kodu:
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="animowana_favicon.gif" type="image/gif">

Pierwsza linia jest z naszą statyczną ikonką, to na wypadek gdyby jakaś przeglądarka nie obsługiwała animowanych faviconek. Warto zwrócić uwagę na to że ma ona rozszerzenie ICO, aby przekonwertować GIF na ICO można skorzystać z jakiegoś programu z kategorii: Ikony i kursory.

Poszczególne klatki możesz wykonać za pomocą jakiegoś edytora graficznego: Edytory graficzne.

Z klatek złożysz animację za pomocą jednego z programów: Programy do tworzenia animacji, szczególnie prosty i przydatny do tego zadania jest program Unfreez.

Animowane favicony działają poprawnie pod Internet Explorer 5 i nowszy, Mozilla Firefox 1 i nowszy, Netscape 7 i nowszy, Opera 7 i nowsza i wiele mniej popularnych przeglądarek.

A tu dwie strony gdzie zastosowano prostą animację na faviconie: Art-Deluxe i Hajpa.pl.



Pozostałe porady do oprogramowania

        REKLAMA