Ikona strony, czyli favicon – co to jest?
Favicon to ikona na pasku adresu przeglądarki umieszczona przed adresem URL albo na karcie otwartej strony www. Ponieważ ikona strony html wygląda jak obrazek, witryna wyróżnia się spośród innych i prezentuje się profesjonalnie. Wciąż wiele osób nie wie o istnieniu faviconu, dlatego tym bardziej warto wstawić go na swojej stronie i traktować jako znak rozpoznawczy – element identyfikacji wizualnej witryny. Dzięki temu użytkownicy, którzy mają otwartych wiele kart w swojej przeglądarce, łatwo wrócą do Twojej strony. To wygodne i użyteczne rozwiązanie.
Favicon – jaki powinien mieć rozmiar?
W przeglądarce favicon wyświetla się jako kwadrat o wymiarach 16 × 16 px. Wgranie faviconu o takiej rozdzielczości może się jednak wiązać z utratą jakości obrazu. Dobrze zatem wykorzystać grafikę o wyższej rozdzielczości – 512 × 512 px powinno być wystarczające. Warto wiedzieć, że ikona strony internetowej może być przezroczysta, ale wówczas należy posiadać obraz bez tła, najlepiej w formacie .png.
Ikona witryny – czy Twoja strona ją posiada?
Jeśli nie wiesz, czy Twoja witryna posiada favicon, należy sprawdzić to na karcie w przeglądarce. Ikona powinna być widoczna tuż obok tytułu podstrony. Jeśli tak jest, to wszystko zostało ustawione poprawnie. W innym przypadku najlepiej skorzystać z poniższych wskazówek.
Ikona strony internetowej – jak ją dodać?
Istnieje kilka sposobów na dodanie takiego elementu jak ikona witryny. Można umieścić ją w public_html, z którego wykryje ją większość przeglądarek i wybierze jako ikonę witryny. Na początku potrzebny jest obrazek w dowolnym formacie, np. .png czy .jpg. Następnie konwertuje się go przez wybrane narzędzie do formatu .ico. Po konwersji i pobraniu ikony należy go zapisać jako favicon.ico. Za pomocą menadżera plików lub aplikacji FTP przesyła się plik do katalogu /public_html/. Jeśli ikona strony www nie wyświetli się prawidłowo, trzeba dodać kod <link rel=”shortcut icon” href=”/favicon.ico”/> między tagami <head>.
W inny sposób favicon umieszcza się w systemie WordPress. Wystarczy zalogować się do panelu administracyjnego i w zakładce Wygląd wybrać opcję Dostosuj, a następnie Tożsamość witryny. To tutaj da się wgrać obrazek w wybranym formacie w rozmiarze, min. 512 × 512 px. Po kliknięciu Zapisz i opublikuj favicon pojawi się we właściwym miejscu.