UTILS.
100% w przeglądarce
📱

Generator manifestu aplikacji webowej (PWA)

Wygeneruj poprawny manifest aplikacji webowej PWA (manifest.json) z ikonami, kolorami motywu i trybem wyświetlania, plus gotowy tag link rel=manifest.

— wynik pojawi się tutaj —
— wynik pojawi się tutaj —

O tym narzędziu

Generator manifestu aplikacji webowej buduje poprawny plik manifest.json dla progresywnej aplikacji webowej (PWA) z prostego formularza, a następnie podaje towarzyszące tagi HTML do wklejenia w sekcję <head> Twojej strony. Wszystko jest składane w przeglądarce i nic nie jest wysyłane — możesz skopiować JSON, pobrać go jako manifest.json lub skopiować tagi link i meta.

Manifest aplikacji webowej to plik JSON, który pozwala zainstalować witrynę na ekranie głównym i uruchamiać ją jak natywną aplikację. To narzędzie składa standardowe klucze — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui lub browser), orientation, theme_color, background_color oraz tablicę icons — pomijając każde pozostawione puste pole, aby wynik był czysty. Każdy zaznaczony rozmiar ikony staje się wpisem z jego src, sizes i type (wywnioskowanym z rozszerzenia pliku), a opcjonalne purpose pozwala oznaczyć ikony jako maskable. Wynik jest serializowany przez JSON.stringify z wcięciem dwóch spacji, więc jest czytelny dla człowieka i zgodny ze standardami.

Użyj symbolu {size} w ścieżce ikony (na przykład /icons/icon-{size}.png), a zostanie on zastąpiony każdym wymiarem, takim jak 192x192 i 512x512. Minimalnie manifest powinien zawierać name, start_url, tryb display oraz co najmniej ikonę 192px i 512px, które są tu wartościami domyślnymi. Odwołaj się do niego ze swojej strony wygenerowanym tagiem <link rel="manifest"> i dodaj meta theme-color dla interfejsu przeglądarki.

Najczęściej zadawane pytania

Czym jest manifest aplikacji webowej?
To plik JSON, który opisuje Twoją progresywną aplikację webową — jej nazwę, ikony, kolory i sposób uruchamiania — dzięki czemu przeglądarki mogą zaproponować instalację na ekranie głównym i otworzyć ją w oknie przypominającym aplikację.
Które pola są wymagane?
Użyteczny manifest potrzebuje co najmniej name (lub short_name), start_url, trybu display oraz ikon 192x192 i 512x512. Ten generator wypełnia je domyślnie; pozostałe pola są opcjonalne i pomijane, gdy pozostają puste.
Co oznacza „maskable” dla ikon?
Ikony maskable mają bezpieczny margines, dzięki czemu platformy mogą przyciąć je do kół, kwadratów o zaokrąglonych rogach lub squircle bez obcinania Twojego logo. Ustaw purpose na „maskable” lub „any maskable” dla ikon zaprojektowanych z tą strefą bezpieczną.
Jak zainstalować manifest na mojej stronie?
Zapisz JSON jako manifest.json, wgraj go na swoją stronę, a następnie dodaj wygenerowany <link rel="manifest" href="/manifest.json"> oraz tagi meta theme-color do sekcji <head> każdej strony.

Więcej narzędzi