Favicon

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest favicon?

Favicon to mała ikona przypisana do strony internetowej. Najczęściej pojawia się:

  • przed adresem strony w pasku adresu przeglądarki,
  • obok tytułu strony na karcie przeglądarki,
  • w zakładkach lub historii przeglądania,
  • czasem jako ikona skrótu na ekranie urządzenia.

Nazwa pochodzi od angielskiego wyrażenia favorite icon, czyli „ikona ulubionych”.

Gdzie definiuje się favicon?

Favicon podłącza się zwykle w sekcji <head> dokumentu HTML za pomocą znacznika <link>.

Przykład:

<head>
  <title>Moja strona</title>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>

Można także używać plików PNG:

<link rel="icon" href="favicon.png" type="image/png">

Popularne formaty favicon

Najczęściej spotykane formaty to:

  • .ico — klasyczny format favicon,
  • .png — często używany we współczesnych stronach,
  • .svg — skalowalny format wektorowy, obsługiwany przez wiele nowoczesnych przeglądarek.

Dlaczego favicon jest ważna?

Favicon pomaga użytkownikowi szybko rozpoznać stronę wśród wielu otwartych kart. Jest też elementem identyfikacji wizualnej serwisu, podobnie jak logo, kolorystyka czy typografia.

W kontekście egzaminu

Jeżeli pytanie dotyczy ikony wyświetlanej przy adresie strony lub przy tytule aktywnej karty przeglądarki, poprawna odpowiedź to favicon.