Generator favicon
Generator favicon zamienia jeden lub dwa znaki albo emoji w favicon z wybranym tłem, kolorem tekstu i kształtem, eksportując pliki PNG w rozmiarach 256, 128, 64, 32 i 16 px.
O tym narzędziu
Generator favicon zamienia jeden lub dwa znaki albo emoji w favicon z wybranym tłem, kolorem tekstu i kształtem, eksportując pliki PNG w rozmiarach 256, 128, 64, 32 i 16 px.
Jak używać
- Wpisz jedną lub dwie litery albo wklej emoji.
- Wybierz kolor tła i tekstu.
- Wybierz kształt: kwadrat, zaokrąglony lub koło.
- Pobierz potrzebne rozmiary PNG.
Warto wiedzieć
- Przeglądarki pokazują favicony na kartach w rozmiarze 16 × 16 px, więc najlepiej sprawdzają się wyraziste, proste kształty.
- Nowoczesne przeglądarki akceptują favicony PNG przez <link rel="icon" type="image/png" href="/favicon-32.png">.
- Ikony Apple touch mają zwykle 180 × 180 px; eksport 256 px można do tego przeskalować.
- Rysowane są tylko pierwsze dwa znaki tekstu.
- Obrazy są rysowane za pomocą Canvas API na Twoim urządzeniu.
Działa w całości w przeglądarce — nic, co wpiszesz, nie jest wysyłane ani zapisywane.
Najczęściej zadawane pytania
Jaki rozmiar powinien mieć favicon?
Przygotuj co najmniej 32 × 32 px na karty przeglądarki, plus większe rozmiary, np. 180 px na ikony Apple touch oraz 192 lub 512 px do manifestów aplikacji webowych.
Jak dodać favicon do strony?
Wgraj plik PNG i dodaj <link rel="icon" type="image/png" href="/favicon-32.png"> w sekcji head swojego HTML.
Czy mogę użyć emoji jako favicon?
Tak. Wklej emoji w pole tekstowe i pobierz PNG; zostanie narysowane czcionką emoji Twojego systemu.
Czy nadal potrzebuję pliku favicon.ico?
Nie dla nowoczesnych przeglądarek, które akceptują PNG. Niektóre starsze narzędzia i przeglądarki wciąż szukają /favicon.ico, więc wiele stron zachowuje go dla kompatybilności.