Generator Apple Touch Icon

Stwórz apple-touch-icon 180×180, którego iOS używa do zakładek na ekranie głównym — plus pełen zestaw favicon — lokalnie w przeglądarce. Nic nie jest przesyłane.

Prywatność przede wszystkim: każdy obraz jest przetwarzany lokalnie w przeglądarce. Nic nie jest przesyłane, przechowywane ani wysyłane na żaden serwer.

Ikona, którą iOS umieszcza na ekranie głównym

Gdy ktoś dodaje Twoją stronę do ekranu głównego iPhone'a lub iPada, iOS szuka apple-touch-icon 180×180; bez niego sięga po rozmyty zrzut ekranu. Ten generator renderuje ten dokładny rozmiar z Twojego obrazu — z jednolitym tłem, ponieważ apple-touch-icon nie powinny być przezroczyste — i dołącza go do pobrania obok favicon.ico oraz ikon Androida.

Jeden eksport, każda platforma

Zamiast ręcznie przycinać osobny plik dla każdego urządzenia, wygeneruj cały zestaw naraz: apple-touch-icon dla iOS, pliki PNG 192 i 512px dla Androida i PWA oraz favicon.ico dla przeglądarek na komputery, z fragmentem kodu HTML, który je przywołuje. Wszystko działa w Twojej przeglądarce, więc Twoja grafika marki nigdy nie opuszcza Twojego urządzenia.

Najczęściej zadawane pytania

Czy mój obraz jest przesyłany, aby utworzyć favikonę?
Nie. Favicon.ico, ikony PNG i manifest są w całości generowane lokalnie w przeglądarce przy użyciu Canvas API. Twój obraz nigdy nie opuszcza urządzenia.
Jakie rozmiary i pliki otrzymuję?
Wielorozdzielczościowy favicon.ico (16, 32 i 48 px), ikony PNG w rozmiarach 16, 32, 48, 180 (apple-touch-icon), 192 i 512 px, plik site.webmanifest oraz fragment kodu HTML do wklejenia w sekcji <head>.
Czy mogę przekonwertować PNG lub SVG na ICO?
Tak. Wrzuć plik PNG, JPG, SVG lub WebP i pobierz prawdziwy favicon.ico. Loga SVG są najpierw rasteryzowane lokalnie w wysokiej rozdzielczości.
Jaki obraz sprawdza się najlepiej?
Kwadratowy obraz z prostym, kontrastowym logo. Obrazy niekwadratowe są przycinane do środka; użyj ustawień marginesu i kształtu, aby skadrować je tak, jak chcesz.
Jak zainstalować favikonę?
Rozpakuj pakiet do głównego folderu swojej witryny i wklej podany fragment kodu HTML w sekcji <head> swoich stron. Favicon.ico jest automatycznie wykrywany przez większość przeglądarek.