Generator favicon
Zamień logo, SVG, literę lub emoji w pełny zestaw faviconów dla przeglądarek, Google, iPhone’a i Androida — z podglądem na żywo i gotowym kodem instalacji.
Jak używać: Generator favicon
- 1
Wybierz źródło
Wgraj logo w formacie PNG, JPG, WebP lub SVG i przytnij je do kwadratu albo wpisz literę lub emoji i wybierz czcionkę oraz kolory.
- 2
Dostosuj każdą platformę
Ustaw tło, rogi i margines dla przeglądarek, iOS i Androida, włącz ikonę maskable dla Androida i sprawdź podgląd na żywo karty, wyników wyszukiwania i ekranu głównego.
- 3
Pobierz i zainstaluj
Otrzymasz favicon.ico, favicon.svg, ikony PNG i site.webmanifest w jednym pliku ZIP — potem postępuj według instrukcji dla HTML, Next.js, Vite lub WordPressa.
Co zawiera nowoczesny zestaw faviconów
Favicon to mała ikona na kartach przeglądarki, w zakładkach i w wynikach wyszukiwania Google, a na telefonie staje się ikoną Twojej strony na ekranie głównym. Każda platforma wymaga własnych plików, dlatego nowoczesny favicon to nie pojedynczy obrazek, lecz niewielki zestaw grafik wraz z manifestem aplikacji internetowej.
Wgraj logo w formacie PNG, JPG, WebP lub SVG i przytnij je do kwadratu albo utwórz ikonę z litery lub emoji. Następnie dostosuj każdą platformę osobno: tło i rogi dla przeglądarek na komputerze i Google, jednolite tło i margines dla ekranu głównego iPhone’a oraz ikonę maskable dla Androida, w której logo pozostaje w strefie bezpiecznej. Podgląd na żywo pokazuje karty przeglądarki w trybie jasnym i ciemnym, pasek zakładek, wynik wyszukiwania Google oraz ekrany główne iOS i Androida z maskami w kształcie koła, squircle’a i zaokrąglonego kwadratu.
Plik ZIP jest zgodny z aktualnymi dobrymi praktykami: favicon.ico z rozmiarami 16, 32 i 48 px, favicon.svg, gdy źródłem jest plik SVG (opcjonalnie z dopasowaniem do trybu ciemnego), favicon-96x96.png, apple-touch-icon.png 180×180, ikony 192 i 512 px do manifestu oraz site.webmanifest. Skopiuj kod HTML lub wykonaj kroki dla Next.js, React/Vite albo WordPressa, a potem sprawdź efekt w naszym narzędziu do sprawdzania favicon. Wszystko jest generowane w Twojej przeglądarce.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.