Jakie rozmiary są generowane?

16×16, 32×32, 48×48 (zebrane w favicon.ico), 180×180 (Apple Touch Icon), 192×192 i 512×512 (ikony PWA).

Czy przezroczystość jest zachowana?

Tak. Kanał alfa PNG jest zachowany we wszystkich plikach wyjściowych, w tym w formacie ICO.

Jaka jest różnica między favicon.ico a ikonami PNG?

favicon.ico zbiera wiele rozmiarów w jednym pliku dla obsługi starszych przeglądarek, a ikony PNG są używane przez nowoczesne przeglądarki i PWA. Udostępnienie obu zapewnia maksymalną zgodność.

Co sprawia, że obraz źródłowy jest dobry?

Kwadratowy plik PNG z przezroczystym tłem o rozmiarze co najmniej 512×512 pikseli daje najlepsze wyniki po zmniejszeniu do mniejszych rozmiarów ikon.

Jak dodać favicon do mojej strony?

Dodaj <link rel="icon" href="/favicon.ico"> i <link rel="apple-touch-icon" href="/apple-touch-icon.png"> do <head> swojego kodu HTML.

ImageStream

FLEXEAM · MEMETALKWięcej niż słowa. Bardziej po Twojemu.Nie tłumacz. Po prostu dołącz.Odkrywaj bez rejestracji →AD

Generator favikony

Konwertuj PNG na favicon.ico i pakiet wielu rozmiarów

Favicon to mała ikona wyświetlana na kartach przeglądarki, w zakładkach i na ekranach głównych urządzeń mobilnych. Prześlij plik PNG i natychmiast wygeneruj kompletny pakiet ikon w wielu rozmiarach, zgodny ze wszystkimi przeglądarkami i urządzeniami.

Jak wygenerować favicon

1Prześlij obraz PNG (zalecane przezroczyste tło)
2Wybierz potrzebne rozmiary ikon
3Pobierz pakiet ZIP i dodaj go do swojej strony

Wskazówki i przykłady użycia favicon

Strona internetowa — zgodność między przeglądarkami

Aby poprawnie wyświetlać się w Chrome, Safari, Firefox i Edge, udostępnij zarówno favicon.ico, jak i pliki PNG. Prześlij wszystkie pliki z wygenerowanego ZIP-a do katalogu głównego strony i dodaj odpowiednie znaczniki link do head kodu HTML.

PWA / ekran główny telefonu

Do progresywnych aplikacji internetowych i skrótów na ekranie głównym potrzebne są pliki PNG 192×192 i 512×512. Zarejestruj oba rozmiary w tablicy icons w manifest.json, aby wyświetlać ikony w wysokiej rozdzielczości na Androidzie i iOS.

Tożsamość marki — logo jako ikona

Przed konwersją na favicon przytnij do kwadratowego pliku PNG tylko symbol lub znak graficzny swojego logo. Zachowaj prosty projekt — powinien być rozpoznawalny nawet w rozmiarze 16×16 pikseli.