Jak stworzyć favicon dla swojej strony

Favicon to ta maleńka ikonka w karcie przeglądarki, w zakładkach, na ekranie głównym iPhone'a i w wynikach wyszukiwania Google. Kiedyś oznaczało to żonglowanie tuzinem rozmiarów; dziś wystarczą cztery pliki, żeby pokryć wszystkie platformy.

Pliki, których naprawdę potrzebujesz

favicon.ico z rozmiarami 16, 32 i 48 px — starsze przeglądarki, skróty w Windowsie, robot Google.
apple-touch-icon.png w rozmiarze 180 px — ekran główny iOS.
icon-192.png i icon-512.png — Android i manifest aplikacji webowej (instalowalne strony, ekrany powitalne).
site.webmanifest — wskazuje na oba pliki PNG.

Wygeneruj je wszystkie

Narysuj kwadratowe logo. Proste kształty i jeden lub dwa kolory czyta się najlepiej przy 16 px; tekst — nie.
Otwórz Generator favicon i upuść logo — SVG jest idealne, bo każdy rozmiar zostanie wyrenderowany ostro; działa też PNG 512 px.
Pobierz plik ZIP i skopiuj pliki do katalogu głównego swojej strony.

Generator faviconUtwórz favicon.ico (16/32/48), apple-touch-icon i ikony PNG z PNG, JPG, WebP lub SVG. Wszystkie rozmiary w jednym ZIP, generowane w przeglądarce.

Dodaj to do sekcji <head>:

<link rel="icon" href="/favicon.ico" sizes="any">

<link rel="icon" href="/icon.svg" type="image/svg+xml">

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<link rel="manifest" href="/site.webmanifest">

Częste problemy

Logo nie jest kwadratowe. Generator wyśrodkowuje je z przezroczystym marginesem; dla ciaśniejszej ikony przytnij je najpierw do kwadratu narzędziem Przytnij obraz.
Wciąż pokazuje się stary favicon. Przeglądarki agresywnie cache'ują favicony. Zmień nazwę pliku albo dodaj ?v=2 do linku.
Ciemne karty. Czarne logo znika na ciemnym motywie przeglądarki. Dodaj mu wypełnione tło.

Konwertuj SVG na PNG onlineKonwertuj wektorowe pliki SVG na PNG w dowolnym rozmiarze w przeglądarce. Ustaw szerokość, zachowaj przezroczystość, przetwórz wiele plików i pobierz ZIP.

Opublikowano 2026-09-21