Przewodnik po manifestach aplikacji internetowych
Manifest aplikacji internetowej (site.webmanifest) informuje instalowalne przeglądarki o nazwie aplikacji, jej kolorach i rozmiarach ikon, które mają być używane na ekranie głównym. Połącz go z ikonami PNG 192×192 i 512×512, aby uzyskać pełną konfigurację favikon PWA.
Połącz manifest za pomocą <link rel="manifest" href="/site.webmanifest">. Wewnątrz JSON tablica ikon musi zawierać wpisy o wymiarach co najmniej 192×192 i 512×512 z typem image/png i przeznaczeniem dowolnym (w razie potrzeby dodaj maskowalne warianty ikon adaptacyjnych Android).
Ustaw kolor motywu i kolor tła tak, aby odpowiadały Twojej marce — kontrolują one wygląd przeglądarki i ekran powitalny podczas instalacji.
Jak to działa
- 1
Wygeneruj ikonę PNGs
192 i 512 z naszego pakietu generatora favicon.
- 2
Utwórz witrynę.webmanifest
Uwzględnij nazwę, krótką nazwę, ikony, kolor_motywu i wyświetlacz.
- 3
Link w HTML
<link rel="manifest" href="/site.webmanifest"> plus meta-kolor motywu.
Wypróbuj teraz
Wygeneruj pakiet ikon PWA
Generator FaviconFAQ
Czy w przypadku podstawowej strony internetowej wymagany jest manifest?+
Nie — tylko jeśli chcesz zainstalować na ekranie głównym lub bogatszy chrom Android. Sam Favicon.ico działa na kartach.
Jakie rozmiary ikon są uwzględniane w manifeście?+
Aby wyświetlić monity instalacyjne, wymagane są rozmiary 192×192 i 512×512. Dodaj ikony 384 lub maskowalne do polerowania.
Czy mogę użyć SVG w manifeście?+
Chromium obsługuje w niektórych przypadkach SVG, ale PNG jest bezpiecznym ustawieniem domyślnym w przypadku interfejsów instalacyjnych w różnych przeglądarkach.