---
title: "Favicon"
description: "Favicon to mała ikona identyfikująca stronę w karcie przeglądarki, zakładkach i wynikach. Sprawdź, jak ją dodać i w jakich formatach przygotować."
url: "https://nodea.pl/pl/slownik-pojec/favicon"
lang: "pl"
updated: "2026-07-13"
---

# Favicon

> Favicon to niewielka ikona reprezentująca stronę internetową, wyświetlana w karcie przeglądarki, na liście zakładek oraz w wynikach wyszukiwania na urządzeniach mobilnych.

**Favicon** (od ang. *favorite icon*) to niewielka ikona identyfikująca stronę internetową, wyświetlana w karcie przeglądarki, na liście zakładek, w historii oraz — na urządzeniach mobilnych — obok wyników wyszukiwania Google. Zwykle jest to logo lub uproszczony symbol marki w kwadratowym formacie. Choć favicon zajmuje kilkanaście pikseli, pełni istotną rolę wizualną: pomaga użytkownikowi szybko odnaleźć witrynę wśród wielu otwartych kart i wzmacnia rozpoznawalność marki.

## Jak działa favicon

Przeglądarka, wczytując stronę, szuka odwołania do ikony w kodzie [HTML](https://nodea.pl/pl/slownik-pojec/html) — w sekcji **\<head\>** umieszcza się znacznik **\<link rel="icon"\>** wskazujący plik ikony. Jeśli takiego odwołania nie ma, przeglądarka domyślnie próbuje pobrać plik **favicon.ico** z katalogu głównego domeny. Współcześnie deklaruje się kilka wariantów ikony w różnych rozmiarach i formatach, aby dobrze wyglądała na ekranach o różnej gęstości pikseli.

### Formaty plików

Historycznie favicon zapisywano w formacie ICO, który mieści kilka rozdzielczości w jednym pliku. Dziś powszechnie używa się także [PNG](https://nodea.pl/pl/slownik-pojec/png) dla ostrych ikon oraz [SVG](https://nodea.pl/pl/slownik-pojec/svg), które skaluje się bezstratnie i może reagować na tryb ciemny przeglądarki.

## Zastosowanie w praktyce

Poprawnie skonfigurowany favicon jest elementem spójnego [brandingu](https://nodea.pl/pl/slownik-pojec/branding) i podstawą profesjonalnego wizerunku witryny. Systemy CMS, takie jak WordPress, pozwalają wgrać ikonę z poziomu panelu, a przy ręcznej konfiguracji wystarczy umieścić plik na serwerze i dodać odpowiednie znaczniki w szablonie. Favicon wykorzystywany jest również jako ikona skrótu po dodaniu strony do ekranu głównego smartfona oraz w aplikacjach PWA, gdzie razem z manifestem tworzy natywne wrażenie korzystania z aplikacji. Choć ikona jest drobnym elementem, jej brak lub domyślny szary symbol przeglądarki obniża postrzeganą wiarygodność witryny, dlatego dodanie faviconu należy do podstawowych kroków przy uruchamianiu każdej strony. W przypadku zmiany logo warto pamiętać, że przeglądarki agresywnie buforują ikonę, więc aktualizacja może wymagać wyczyszczenia pamięci podręcznej lub zmiany nazwy pliku.

### W jakim formacie i rozmiarze przygotować favicon?

Klasycznie stosuje się plik ICO 16×16 i 32×32 px, ale nowoczesne strony dodają też PNG oraz SVG dla ekranów o wysokiej rozdzielczości. Warto przygotować większe warianty (np. 180×180 px) na potrzeby ikon skrótów na urządzeniach mobilnych.

### Czy favicon ma znaczenie dla SEO?

Pośrednio tak. Favicon nie jest bezpośrednim czynnikiem rankingowym, ale Google wyświetla go obok wyników wyszukiwania na urządzeniach mobilnych. Rozpoznawalna ikona zwiększa zaufanie i może poprawić współczynnik klikalności (CTR).

## Powiązane

- [PNG](https://nodea.pl/pl/slownik-pojec/png)
- [SVG](https://nodea.pl/pl/slownik-pojec/svg)
- [SEO](https://nodea.pl/pl/slownik-pojec/seo)
- [Branding](https://nodea.pl/pl/slownik-pojec/branding)
- [HTML](https://nodea.pl/pl/slownik-pojec/html)

---

Wersje językowe: [en](https://nodea.io/en/glossary/favicon.md)  
Spis treści witryny: [llms.txt](https://nodea.pl/pl/llms.txt)