Wyjaśnienie rozmiarów Favicon
Przeglądarki, systemy operacyjne i monity instalacyjne wymagają innej rozdzielczości ikon favicon. Ten przewodnik odwzorowuje każdy typowy rozmiar na jego powierzchnię, dzięki czemu wiesz dokładnie, co wygenerować z jednego obrazu źródłowego.
Karty i zakładki przeglądarki mocy 16×16 i 32×32 na wyświetlaczach standardowych i 2×. Należą do favicon.ico i jako opcjonalne samodzielne PNG.
48×48 i 64×64 okładka Windows Explorer, pinezki na pasku zadań i niektóre fragmenty wyszukiwania.
Rozdzielczości 128 × 128 i 256 × 256 są używane w plikach .ico o wielu rozmiarach i interfejsie użytkownika Windows o wysokiej rozdzielczości.
180×180 to apple-touch-icon dla ekranu głównego iOS. W przypadku interfejsów instalacyjnych Android i Chromium PWA wymagane są rozmiary 192 × 192 i 512 × 512.
Jak to działa
- 1
Wybierz kwadratowe źródło
512×512 PNG lub SVG z kwadratem viewBox.
- 2
Wyeksportuj cały zestaw
Skorzystaj z naszego generatora favikon dla plików .ico, apple-touch-icon i manifestów PNG.
- 3
Połącz każdy rozmiar
Skopiuj gotowe do wklejenia znaczniki <link> z przewodnika generatora pakietu README lub HTML.
Wypróbuj teraz
Wygeneruj każdy rozmiar favikony
Generator FaviconFAQ
Ile rozmiarów favikon tak naprawdę potrzebuję?+
Minimum: wiele rozmiarów .ico (16/32/48) + 180 apple-touch-icon. Zalecane: dodaj 192 i 512 dla PWA.
Czy jeden obraz może pasować do wszystkich rozmiarów?+
Tak — zacznij od 512×512 lub SVG i eksportuj programowo każdy rozmiar. Nigdy nie ulepszaj małego logo.
Który rozmiar ma największe znaczenie dla SEO?+
Google używa w wyszukiwaniu co najmniej rozmiaru 48×48. Wyślij 48 wewnątrz swojej domeny .ico i jako samodzielny plik PNG.