Wróć do słownika

Favicon - definicja pojęcia

Favicon to mała, graficzna ikona reprezentująca stronę internetową lub aplikację webową, wyświetlana na pasku adresu przeglądarki, kartach, zakładkach i w historii przeglądania. Favicon ułatwia rozpoznanie witryny, zwiększa jej profesjonalizm oraz wpływa pozytywnie na użytkownika, poprawiając jego doświadczenie na stronie.

Jak zrobić favicon?

Aby stworzyć favicon, należy zaprojektować lub wybrać istniejący obraz o kwadratowym kształcie, a następnie przekształcić go w odpowiedni format, najczęściej .ico lub .png. Istnieją liczne narzędzia i serwisy online, które ułatwiają ten proces, np. favicon.io, realfavicongenerator.net czy favicon-generator.org.

Jaki rozmiar ma favicon?

Standardowy rozmiar favicon to 16×16 pikseli, jednak zaleca się przygotowanie ikony w kilku rozmiarach, takich jak 32×32, 48×48, 64×64 czy 96×96 pikseli, aby zapewnić optymalne wyświetlanie na różnych urządzeniach i platformach.

Jak dodać favicon?

W zależności od platformy, na której opiera się strona internetowa, sposób dodania favicon może się różnić. Poniżej znajdują się instrukcje dotyczące najpopularniejszych systemów zarządzania treścią (CMS).

Podstawowy sposób (HTML)

Aby dodać favicon w czystym kodzie HTML, należy umieścić odpowiedni tag <head> strony. Przykładowy kod wygląda następująco:

<link rel=”icon” type=”image/png” sizes=”16×16″ href=”/path/to/favicon-16×16.png”>

<link rel=”icon” type=”image/png” sizes=”32×32″ href=”/path/to/favicon-32×32.png”>

WordPress

W przypadku stron opartych na WordPress, favicon można dodać, korzystając z Panelu Administracyjnego. Przejdź do “Wygląd” &gt; “Dostosuj” &gt; “Tożsamość witryny” i kliknij “Wybierz plik” w sekcji “Obraz ikony witryny”. Prześlij odpowiedni plik graficzny i zapisz zmiany.

PrestaShop

Aby dodać favicon w PrestaShop, zaloguj się do panelu administracyjnego i przejdź do “Design” > “Theme & Logo”. Kliknij na zakładkę “Favicon” i następnie “Dodaj plik”. Prześlij odpowiedni plik graficzny, a następnie zapisz zmiany.

Joomla

W Joomla! dodanie favicon wymaga zmiany domyślnego pliku favicon.ico w katalogu głównym szablonu. Aby to zrobić, zaloguj się do panelu administracyjnego i przejdź do “Rozszerzenia” > “Szablony” > “Szablony”. Kliknij na wybrany szablon, a następnie w lewym menu wybierz “Folder szablonu”. Prześlij swój plik favicon.ico, nadpisując istniejący plik o tej samej nazwie.

Blogger

Dla witryn opartych na Blogger, dodanie favicon odbywa się przez panel administracyjny. Zaloguj się na swoje konto, a następnie wybierz odpowiedni blog. Kliknij “Układ” w menu po lewej stronie. Następnie kliknij na ikonę “Edytuj” obok “Favicon” w sekcji “Nagłówek” i prześlij swój plik graficzny. Kliknij “Zapisz” i zatwierdź zmiany.

Czytaj nasz blog

Jak pozycjonować stronę na WordPressie? [Poradnik]

Jak pozycjonować stronę na WordPressie? [Poradnik]

Czytaj więcej
Audyt SEO – co to jest i kiedy warto go przeprowadzić?

Audyt SEO – co to jest i kiedy warto go przeprowadzić?

Czytaj więcej
Jak zwiększyć ruch na stronie? Poznaj 11 skutecznych sposobów!

Jak zwiększyć ruch na stronie? Poznaj 11 skutecznych sposobów!

Czytaj więcej

Zamów działania SEO u nas!

Poznaj naszą ofertę