Zenn / Darmowe narzędzia / Generator favicon
Generator favicon z Twojego logo lub inicjałów
Zrób favicon z litery albo z logo, zobacz go w prawdziwej karcie przeglądarki i na ekranie głównym telefonu, a potem pobierz favicon.ico, każdy rozmiar PNG, manifest strony i kod HTML w jednym pliku zip. Za darmo, bez rejestracji, a nic nie opuszcza Twojej przeglądarki.
Zrób z
Literyod 1 do 3
Krój pisma
Kształt
Tło
Kolor liter
Rozmiar
Wszystko dzieje się na Twoim urządzeniu. Nic nie jest wysyłane.
W karcie przeglądarki
W wynikach Google i na telefonie
Northstar Labshttps://northstarlabs.com
Northstar Labs: oprogramowanie dla małych zespołów
Planuj, wdrażaj i udostępniaj pracę w jednym miejscu. Zacznij za darmo już dziś.
Ekrany główne iPhone’a i Androida
Twoje pliki
Wklej to w <head>
Rozmiary favicon potrzebne w 2026
Nie potrzebujesz już dziesiątek plików. Te siedem obsługuje każdą nowoczesną przeglądarkę, wyniki Google, iPhone’y, telefony z Androidem i zainstalowane aplikacje webowe.
| Plik | Rozmiar | Do czego |
|---|---|---|
| favicon.ico | 16, 32 i 48 px | Każda przeglądarka, stara i nowa, oraz wyniki wyszukiwania Google |
| favicon-16x16.png | 16 × 16 px | Karty przeglądarki na zwykłych ekranach |
| favicon-32x32.png | 32 × 32 px | Karty przeglądarki na ostrych ekranach (retina), paski zadań |
| favicon-48x48.png | 48 × 48 px | Wyniki Google (wymaga wielokrotności 48 px) |
| apple-touch-icon.png | 180 × 180 px | Ekrany główne iPhone’a i iPada. Bez przezroczystych fragmentów |
| android-chrome-192x192.png | 192 × 192 px | Ekrany główne Androida |
| android-chrome-512x512.png | 512 × 512 px | Zainstalowane aplikacje webowe i ekrany powitalne |
Rozmiary, jakich wymagają przeglądarki i Google w listopadzie 2026.
Jak zrobić favicon, który ludzie rozpoznają
Użyj jednej litery albo symbolu
Favicon ma 16 pikseli szerokości. Całe logo ze słowami zmienia się w plamę, więc użyj inicjału albo samego symbolu.
Wypełnij przestrzeń
Małe ikony potrzebują wyrazistych kształtów sięgających krawędzi. Zrób literę dużą i grubą, unikaj cienkich linii.
Wybierz mocne tło
Jednolity kolor wyróżnia się wśród innych kart, w trybie jasnym i ciemnym. Przezroczyste ikony mogą znikać na ciemnych kartach.
Dopasuj do marki
Użyj koloru i kroju pisma swojej marki, żeby karta, wynik w Google i ikona na ekranie głównym były w Twoim stylu.
Chcesz całą markę, nie tylko ikonę?
Zenn rysuje dziesiątki logo na podstawie nazwy Twojej firmy, z symbolami stworzonymi przez prawdziwe studio projektowe. Zestaw marki dodaje Twój favicon, rozmiary do social mediów, wizytówki i przewodnik marki.
Najczęstsze pytania
Jaki rozmiar powinien mieć favicon?
Zrób go w rozmiarze 48 × 48 px z mniejszymi kopiami 32 i 16 px, wszystkie w pliku favicon.ico. Dodaj ikonę Apple touch 180 px dla iPhone’ów oraz ikony 192 i 512 px dla Androida i aplikacji webowych. Ten generator robi je wszystkie naraz.
Czy nadal potrzebuję favicon.ico?
Tak. Przeglądarki wciąż szukają /favicon.ico w głównym folderze strony, a Google często używa go w wynikach wyszukiwania. Nowoczesne przeglądarki czytają też pliki PNG, dlatego pakiet zawiera oba.
Jak dodać favicon do strony?
Wgraj pliki z archiwum zip do głównego folderu strony i wklej pięć linii HTML pokazanych powyżej do sekcji head każdej podstrony. Na Squarespace, Wix, Shopify czy WordPressie wgraj zamiast tego PNG 512 px w ustawieniu ikony strony lub favicon.
Dlaczego nie widzę nowego favicon?
Przeglądarki przez jakiś czas pamiętają stare favicony, więc sprawdź stronę w oknie prywatnym. Google zaktualizuje ikonę w wynikach, gdy ponownie odwiedzi Twoją stronę główną, co może potrwać kilka dni.
Czy ten generator favicon jest darmowy?
Tak. Jest darmowy, bez rejestracji i bez znaku wodnego, a Twoje logo nigdy nie opuszcza urządzenia. Wszystko rysuje się w przeglądarce.
Czy favicon powinien zawierać całe logo?
Zwykle nie. Przy 16 pikselach logo ze słowami zmienia się w plamę. Użyj pierwszej litery, inicjałów albo samego symbolu, dużego i wyrazistego na jednolitym tle.
Czy Zenn może też zrobić moje logo?
Tak. Wpisz nazwę firmy na zenn.com, a Zenn narysuje dziesiątki logo z symbolami stworzonymi przez prawdziwe studio projektowe. Zestaw marki zawiera Twój favicon, wszystkie rozmiary do social mediów, wizytówki i przewodnik marki.