Generator favikon
Zamień dowolny obraz w favicon.ico oraz pełny zestaw ikon PNG i manifestu
O tym narzędziu
Upuść jeden obraz — najlepiej kwadratowe logo o boku 512 px lub większym — i dostań kompletny zestaw favikon: plik favicon.ico z rozmiarami 16, 32 i 48 px na karty i zakładki, pliki PNG w standardowych rozmiarach łącznie ze 180-pikselową ikoną Apple touch i ikonami PWA 192/512 px, startowy site.webmanifest oraz znaczniki <link> do wklejenia w <head>. Jedno pobranie ZIP zawiera wszystko, nazwane dokładnie tak, jak oczekują konwencje.
Szczegóły, które poradniki o favikonach zwykle psują, są tutaj dopilnowane: ICO osadza wpisy skompresowane jako PNG (obsługiwane wszędzie od czasów Windows Vista i znacznie mniejsze od dawnych ikon BMP); ikona Apple touch jest spłaszczana na wybrany przez Ciebie kolor tła, bo iOS zamienia przezroczystość na czerń; a ikony PWA zachowują kanał alfa. Źródła niekwadratowe są przycinane do środka, a nie ściskane.
Zmniejszenie logo do 16 px jest z natury destrukcyjne — drobny detal po prostu tego nie przeżyje — dlatego rząd podglądów pokazuje każdy rozmiar w rzeczywistych wymiarach, byś ocenił czytelność przed wdrożeniem. Wszystko renderuje się na lokalnym płótnie, a kontenery ICO i ZIP składane są bajt po bajcie na stronie; Twoje logo nigdzie nie jest wysyłane.
Często zadawane pytania
- Jakich rozmiarów favikon naprawdę potrzebuję w 2026 roku?
- Mniej, niż sugeruje folklor: favicon.ico z rozmiarami 16/32/48 dla starszych zastosowań i paska adresu, jeden apple-touch-icon.png o boku 180 px oraz pliki PNG 192/512 px wskazane z manifestu aplikacji webowej. Nowoczesne przeglądarki wybierają najlepsze dopasowanie właśnie z tego zestawu — dwudziestoplikowe paczki z niektórych generatorów to kult cargo.
- Dlaczego moje logo jest nieczytelne przy 16 px?
- Szesnaście pikseli to brutalnie mało — sygnety słowne, cienkie kreski i delikatne gradienty po prostu się rozpuszczają. Dobre favikony sprowadzają markę do jednego mocnego znaku lub kształtu o wysokim kontraście. Jeśli podgląd 16 px jest tutaj papką, przytnij ciaśniej do charakterystycznej części znaku albo użyj uproszczonego wariantu dla małych rozmiarów.
- Czy plik .ico jest wciąż potrzebny, czy wystarczą favikony PNG?
- Każda nowoczesna przeglądarka przyjmuje favikony PNG, ale /favicon.ico wciąż jest ścieżką, o którą agenty użytkownika, roboty i starsze narzędzia pytają w ciemno. Wystawienie tam prawdziwego ICO kosztuje kilka kilobajtów i eliminuje całą klasę błędów 404 oraz dziwactw awaryjnych — trzymaj go obok odnośników do PNG.
- Dlaczego ikona Apple touch potrzebuje koloru tła?
- iOS nie renderuje przezroczystości w ikonach na ekranie głównym — jakakolwiek alfa w Twoim PNG zostanie złożona na czarnym tle. Wcześniejsze spłaszczenie na wybranym kolorze sprawia, że wynik jest zamierzony. Wybierz tło pasujące do ikony i pamiętaj, że iOS sam zaokrągla narożniki, więc dostarcz pełny kwadrat na spad.