Generator ikon PWA
Wygeneruj ikony, których potrzebuje instalowalna aplikacja internetowa — pliki PNG 192 i 512px plus site.webmanifest — z jednego obrazu, w całości w przeglądarce.
Prywatność przede wszystkim: każdy obraz jest przetwarzany lokalnie w przeglądarce. Nic nie jest przesyłane, przechowywane ani wysyłane na żaden serwer.
Ikony, dzięki którym aplikację da się zainstalować
O tym, czy progresywną aplikację internetową da się zainstalować, decydują po części jej ikony: przeglądarki szukają manifestu internetowego deklarującego co najmniej pliki PNG 192×192 i 512×512, zanim zaproponują instalację lub umieszczą porządną ikonę na ekranie głównym. Ten generator renderuje oba z Twojego obrazu źródłowego i zapisuje site.webmanifest, który się do nich odwołuje, obok apple-touch-icon wymaganego przez iOS oraz favicon.ico dla zwykłych kart.
Nadaj jej kształt pod launcher
Launchery Androida mogą maskować ikonę do koła lub zaokrąglonego kwadratu, więc grafika sięgająca krawędzi może zostać przycięta. Dodaj tutaj margines i jednolite tło, a najważniejsza część pozostanie w bezpiecznym obszarze niezależnie od zastosowanej maski; podgląd na żywo pokazuje wynik w każdym rozmiarze. Wszystko renderuje się na Twoim urządzeniu z użyciem Canvas API — Twoje logo nigdy nie jest przesyłane — a cały zestaw pobiera się jako zip.
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.