Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
Zamień logo lub obraz w kompletny zestaw favicon: favicon.ico, rozmiary PNG, ikonę Apple touch, ikony Android i maskowalne, manifest WWW oraz znaczniki HTML do wklejenia. Wszystko jest rysowane w przeglądarce, a źródło SVG daje też ostry favicon.svg.
Upuść logo lub obraz na stronę, kliknij, aby go wybrać, albo wklej skrótem Ctrl+V. Działają PNG, JPG, SVG, WebP, GIF, AVIF, ICO i HEIC.
W Dopasowaniu wybierz Dopasuj cały obraz albo Przytnij do kwadratu i włącz Przytnij puste krawędzie, jeśli logo ma przezroczyste marginesy.
W Stylu ikony ustaw Tło (Brak, Jednolite lub Gradient), Kształt i Odstęp, patrząc na podgląd karty przeglądarki i ekranu głównego.
Uzupełnij Dane witryny (nazwa witryny, krótka nazwa, kolor motywu, URL folderu ikon) i wybierz rozmiary w Wyniku.
Kliknij Pobierz pakiet (ZIP), wgraj pliki na stronę i skopiuj znaczniki z Wklej do <head> na swoją stronę.
Nie. Każda ikona jest rysowana na płótnie w przeglądarce, więc obraz nigdy nie opuszcza urządzenia.
favicon.ico (domyślnie 16, 32 i 48 px, do 256 px), favicon-16x16.png i favicon-32x32.png oraz dodatkowe rozmiary PNG, które zaznaczysz, apple-touch-icon.png (180 px), android-chrome 192 i 512 px, maskable-icon-512x512.png, site.webmanifest i favicon-snippet.html. Każdy pojedynczy plik możesz też pobrać z listy Pliki.
Kwadratowy obraz o boku co najmniej 512 × 512 px. Mniejsze obrazy są powiększane, a strona ostrzega, że będą miękkie. Najlepszy jest SVG: zostaje ostry w każdym rozmiarze i dodaje favicon.svg do pakietu.
Dopasuj cały obraz zachowuje całe logo i zostawia wokół niego puste miejsce. Przytnij do kwadratu wypełnia ikonę i odcina dłuższe boki.
iOS nie pokazuje przezroczystości na ikonach ekranu głównego, więc apple-touch-icon.png i ikona maskowalna są zawsze nieprzezroczystymi kwadratami. Przy Tle ustawionym na Brak są wypełniane na biało, a ikona maskowalna trzyma grafikę w bezpiecznej strefie, którą Android może przyciąć do koła.
Konwerter zaczyna od obrazu, który już masz. Generator favicon buduje ikonę z liter, emoji albo ikony open source i tworzy ten sam pakiet.
