Krótki wstęp
Favicon to niewielka ikona w postaci pliku graficznego o rozmiarach 16×16px, która pojawia się:
- w polu adresowym przeglądarki internetowej przed adresem
- na karcie w przeglądarce internetowej
- w zakładkach ulubionych
Dzięki faviconie odróżnimy naszą stronę wśród standardowych icon stron i zwrócimy uwagę internautów. Favicony nie są stosowane nagminnie więc zastosuj ją póki nie zrobiła tego twoja konkurencja. Zrobieniu favicona nie poświęcimy zbyt wiele, a możemy zyskać całkiem sporo.
Zaczynajmy
Obrazek powinien mieć 16 x 16 pikseli, jeśli mamy gotowy obrazek postępuj zgodnie z pkt1, jeśli nie masz obrazka idź pkt2
1. Wchodzimy na stronę
Favicon Generator
Klikamy przeglądaj, wybieramy nasz obrazek i czekamy aż wygeneruje nam plik inc.
Jeśli nam już wygenerował, pobieramy go wrzucamy na nasze FTP może być bez folderu lub np. do folderu image.
Potem w index'ie dodajemy linijkę (musi być w <HEAD>)
<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
lub
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
I mamy gotowy obrazek
2. Wchodzimy na stronę
Favicon Generator
Idziemy do zakładki
Editor
Robimy własny obrazek i klikamy
Create FaviconJeśli załadowała się następna klikamy w
Download the generated faviconby pobrać nasz obrazek, potem wgrywamy go na FTP, a w index'ie dopisujemy (w <HEAD>)
<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
lub
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
Myślę że komuś się przyda ten poradnik, proszę go nie kasować
Poradnik z tworzony przez Frajer z Wikipedii
Użytkownik Frajer edytował ten post 15.05.2010 23:08