---
title: "Favicon: co to jest? Słownik pojęć"
description: "Favicon to mała ikona strony widoczna na karcie przeglądarki, w zakładkach i w wynikach Google obok nazwy witryny."
url: https://fluostudio.pl/baza-wiedzy/slownik/favicon/
---

[Strony www](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=www)

# Favicon

Inaczej ikona witryny, ikona strony

Favicon to mała ikona strony widoczna na karcie przeglądarki, w zakładkach i w wynikach Google obok nazwy witryny. Najczęściej jest nią uproszczony znak marki, czyli sygnet.

## W skrócie

-   Komplet plików: favicon.ico (32 × 32 px), wersja SVG i apple-touch-icon (180 × 180 px)
-   Ikony w manifeście aplikacji: 192 × 192 i 512 × 512 px
-   Kwadrat, który pozostaje czytelny przy 16 px

## Usługa

-   [Logo](https://fluostudio.pl/uslugi/branding/logo/)

Przy dwudziestu otwartych kartach z każdej witryny zostaje tylko ikona. Jeśli w tym miejscu jest szary globus albo nieczytelny skrawek logo, Twoja strona ginie wśród pozostałych.

Pełne [logo](https://fluostudio.pl/baza-wiedzy/slownik/logo/) z nazwą w kwadracie 16 × 16 px zamienia się w plamę. Dlatego do tej roli bierze się [sygnet](https://fluostudio.pl/baza-wiedzy/slownik/sygnet/) albo jedną literę z [logotypu](https://fluostudio.pl/baza-wiedzy/slownik/logotyp/) i dopracowuje pod mały rozmiar: grubsze linie, mniej szczegółów. Gdy znak ma kilka wersji na różne rozmiary, jak [logo responsywne](https://fluostudio.pl/baza-wiedzy/slownik/logo-responsywne/), favicon jest najmniejszą z nich.

## Jak przygotować pliki

Jeden plik nie wystarczy. Przeglądarki biorą wersję ICO albo SVG, iPhone przy dodaniu strony do ekranu głównego używa apple-touch-icon, a Android ikon z manifestu. Sprawdź ikonę na jasnym i ciemnym pasku kart, bo ciemny znak na ciemnym tle znika. Favicon i jego wersje powinny trafić do [księgi znaku](https://fluostudio.pl/baza-wiedzy/slownik/ksiega-znaku/) razem z resztą plików logo.

## Zobacz też

-   [Identyfikacja wizualna Sygnet Sygnet to graficzna część logo, czyli symbol, który towarzyszy nazwie. Bywa obrazkiem, abstrakcyjną formą albo literą zamienioną w znak. Gdy marka jest dobrze znana, sygnet może występować sam.](https://fluostudio.pl/baza-wiedzy/slownik/sygnet/)
-   [Identyfikacja wizualna Logo Logo to znak firmowy, po którym rozpoznaje się markę. Składa się z logotypu, czyli nazwy zapisanej konkretnym krojem, z sygnetu, czyli symbolu, albo z obu tych części naraz.](https://fluostudio.pl/baza-wiedzy/slownik/logo/)
-   [Identyfikacja wizualna Logotyp Logotyp to część logo zbudowana z napisu, czyli nazwa marki zapisana konkretnym krojem, często poprawionym albo narysowanym od podstaw. Gdy marka nie ma sygnetu, logotyp jest całym logo.](https://fluostudio.pl/baza-wiedzy/slownik/logotyp/)
-   [Identyfikacja wizualna Logo responsywne Logo responsywne to zestaw wersji jednego znaku o różnym stopniu uproszczenia, od pełnej z hasłem po sam sygnet. W każdym miejscu używa się tej wersji, która się w nim mieści i pozostaje czytelna.](https://fluostudio.pl/baza-wiedzy/slownik/logo-responsywne/)
-   [Identyfikacja wizualna Księga znaku Księga znaku to instrukcja obsługi logo. Pokazuje jego wersje, kolory, pole ochronne, najmniejszy dopuszczalny rozmiar i przykłady złego użycia.](https://fluostudio.pl/baza-wiedzy/slownik/ksiega-znaku/)
-   [Identyfikacja wizualna Identyfikacja wizualna Identyfikacja wizualna to system elementów graficznych marki, czyli logo, kolorów, krojów pisma, ikon i stylu zdjęć, razem z zasadami ich łączenia. Dzięki niej materiały firmy wyglądają jak od jednego nadawcy.](https://fluostudio.pl/baza-wiedzy/slownik/identyfikacja-wizualna/)

Hasło pojawia się też w: [Wielkość minimalna](https://fluostudio.pl/baza-wiedzy/slownik/wielkosc-minimalna/)

## Strona ma sprzedawać, działać szybko i dawać się łatwo edytować. Porozmawiajmy o Twojej.

Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań.

[Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)