Generator favicon i kompletny pakiet ikon
Generator favicon umożliwia szybkie przygotowanie zestawu ikon dla stron www bezpośrednio w przeglądarce. Wystarczy przeciągnąć logo, aby otrzymać plik favicon.ico, ikony PNG, wersję Apple touch oraz plik site.webmanifest. Całe przetwarzanie odbywa się na Twoim urządzeniu, co gwarantuje pełną prywatność i natychmiastowy wynik.
Przygotuj kompletny pakiet ikon dla swojej witryny bez wysyłania plików na zewnętrzne serwery.
Wygeneruj kompletny pakiet ikon w kilka sekund.
Uruchom generator favicon →Jak wygenerować kompletny pakiet ikon
- Przeciągnij plik z logo lub grafiką do obszaru roboczego narzędzia.
- Dostosuj odstępy (padding) oraz kolor tła w panelu ustawień.
- Pobierz gotową paczkę ZIP zawierającą pliki ikon oraz kod HTML.
Przetwarzanie obrazu odbywa się lokalnie za pomocą mechanizmu Canvas w przeglądarce. Żadne pliki nie trafiają na serwer zewnętrzny.
Favicon wymiary i zawartość paczki ZIP
Współczesne przeglądarki i systemy operacyjne wymagają różnych rozdzielczości. Wygenerowany plik ZIP zawiera wszystkie niezbędne formaty:
favicon.ico– kontener wielorozdzielczościowy (16x16, 32x32 i 48x48 px) dla tradycyjnych przeglądarek.favicon-48x48.png– rozmiar wymagany przez Google do wyświetlania ikony w wynikach wyszukiwania.apple-touch-icon.png– ikona w rozmiarze 180x180 px dla urządzeń z systemem iOS.icon-192.pngiicon-512.pngorazsite.webmanifest– zestaw dla aplikacji PWA i systemu Android.
Ikona favicon Apple touch icon dla urządzeń iOS
System iOS Safari wykorzystuje plik apple-touch-icon.png o wymiarach 180x180 px przy dodawaniu witryny do ekranu głównego iPhone'a lub iPad'a.
Ponieważ system iOS automatycznie zaokrągla rogi i nie obsługuje przezroczystości, niezapełnione tło jest automatycznie wypełniane wybranym kolorem lub kolorem białym. Daje to spójny i estetyczny wygląd na ekranie urządzenia.
Jak dodać favicon do strony internetowej
Aby wdrożyć ikony, rozpakuj pobrane archiwum ZIP i wgraj wszystkie pliki do katalogu głównego serwera (zazwyczaj jest to folder root lub public_html) za pomocą FTP lub panelu hostingowego.
Następnie otwórz plik favicon-tags.html, skopiuj znajdujący się w nim znacznik i wklej go do sekcji <head> w kodzie strony.
Jeśli nowa ikona nie pojawi się od razu, wymuś odświeżenie pamięci podręcznej przeglądarki za pomocą skrótu Ctrl + F5.
Konwerter PNG na ICO oraz obsługa SVG
Narzędzie działa jak automatyczny konwerter PNG na ICO, ale obsługuje również inne popularne formaty wejściowe, takie jak JPG, WebP, GIF oraz SVG.
Pliki SVG są rastrowane bez utraty jakości do każdego wymaganego rozmiaru wyjściowego. W przypadku animowanych plików GIF wykorzystywana jest wyłącznie pierwsza klatka obrazu.
Najczęściej zadawane pytania
Co to jest favicon?
Favicon to mała ikona reprezentująca witrynę internetową, wyświetlana na kartach przeglądarki, w zakładkach oraz wynikach wyszukiwania. Ułatwia użytkownikom szybszą identyfikację otwartych stron i buduje rozpoznawalność marki.
Favicon SVG czy ICO – który format wybrać?
Najlepszym rozwiązaniem jest udostępnienie obu formatów jednocześnie. Plik ICO zapewnia wsteczną kompatybilność ze starszymi przeglądarkami, natomiast formaty PNG i SVG gwarantują najwyższą ostrość na nowoczesnych ekranach cyfrowych.
Jakie wymiary powinien mieć plik favicon?
Nie istnieje jeden uniwersalny rozmiar, ponieważ różne platformy wymagają odmiennych rozdzielczości. Standardowy plik ICO łączy rozmiary 16x16, 32x32 i 48x48 px, Google wymaga wielokrotności 48x48 px, a urządzenia iOS używają formatu 180x180 px.
Czy korzystanie z narzędzia favicon generator online wymaga opłat?
Nie, narzędzie jest w pełni bezpłatne i nie wymaga zakładania konta ani podawania adresu e-mail. Cały proces generowania ikon odbywa się bezpośrednio w przeglądarce użytkownika.
Dlaczego nowo dodana ikona favicon nie wyświetla się na stronie?
Przeglądarki internetowe silnie buforują ikony stron w pamięci podręcznej. Aby zobaczyć nową ikonę, należy wykonać twarde odświeżenie strony skrótem Ctrl + F5 lub wyczyścić pamięć cache przeglądarki.
Co to jest plik site.webmanifest?
Plik site.webmanifest to mały plik w formacie JSON, który informuje przeglądarki, jak witryna powinna zachowywać się po zainstalowaniu na ekranie głównym urządzenia. Zawiera wskazania do ikon w rozmiarach 192x192 oraz 512x512 px używanych przez system Android i aplikacje PWA.
Czy mogę wygenerować favicon z przezroczystego pliku PNG?
Tak, wczytanie pliku z przezroczystym tłem pozwala zachować przezroczystość w wygenerowanych ikonach PNG oraz ICO. Jedynie ikona Apple touch icon dla urządzeń iOS otrzyma jednolite tło, ponieważ system Apple nie obsługuje przezroczystych ikon.
Powiązane narzędzia
Makieta zrzutów ekranu aplikacji
Twórz makiety zrzutów do App Store i Play. Bez wysyłania.
Jak działa Makieta zrzutów ekranu aplikacji
