Przejdź do głównej treści

Jak utworzyć site.webmanifest dla prostej aplikacji internetowej

Autor: Converty Team

Dowiedz się, jak prosty element site.webmanifest pasuje do opakowania ikon favicon i aplikacji w przypadku małej aplikacji internetowej lub witryny startowej.

Jak utworzyć site.webmanifest dla prostej aplikacji internetowej

site.webmanifest pomaga przeglądarce zrozumieć metadane aplikacji dotyczące witryny lub aplikacji internetowej, w tym ikony, których można używać do instalacji i powierzchni skrótów. Nie jest to cały pakiet favicon i nie zastępuje plików ikon. Jest to plik, który pomaga połączyć te zasoby z witryną.

Generator Favicon / App Icon firmy Converty zawiera starter site.webmanifest wraz z wynikami ikon favicon i aplikacji, dzięki czemu jest przydatny w przypadku prostych aplikacji internetowych, uruchomień SaaS i małych witryn marketingowych, które szybko potrzebują wspólnego pakietu.

Co robi manifest

Manifest opisuje informacje, takie jak nazwa aplikacji lub witryny oraz odniesienia do ikon. W prostym przepływie pracy pomaga połączyć wygenerowane pliki ikon z powierzchniami, które mogą z nich korzystać.

Ważne jest, aby manifest odwoływał się do zasobów. Jeśli w projekcie nie ma plików ikon, manifest nie może ich w magiczny sposób udostępnić. Pakiet i manifest stanowią całość.

Zacznij od pakietu ikon

W przypadku prostej aplikacji internetowej przepływ pracy powinien rozpocząć się od grafiki źródłowej:

  1. Przygotuj kwadratowy, czytelny obraz źródłowy.
  2. Otwórz Generator ikon Favicon / aplikacji.
  3. W razie potrzeby wprowadź nazwę witryny lub aplikacji.
  4. Wygeneruj ikonę Favicon, ikonę PNG, ikonę Apple Touch, ikonę obsługi systemu Android i pakiet manifestu.
  5. Umieść pliki w obszarze zasobów publicznych projektu.
  6. Odwołaj się do odpowiednich ikon i manifestu w konfiguracji witryny.

Dzięki temu manifest jest powiązany z potrzebnymi plikami.

Staraj się, aby manifest startera był praktyczny

Manifest startowy nie jest strategią pełnej konfiguracji produktu. Zapewnia użyteczną bazę dla typowych odniesień do ikon i metadanych aplikacji. W zależności od ostatecznej aplikacji może być nadal konieczna edycja nazw, kolorów, zachowania wyświetlania lub ścieżek, aby dopasować je do wdrożonego projektu.

Dlatego konwersję najlepiej rozumieć jako etap pakowania. Pomaga utworzyć pliki potrzebne w wielu projektach, a następnie Twoja aplikacja lub framework jest właścicielem ostatecznej integracji.

Aby zapoznać się z pełną listą kontrolną pakietu, przeczytaj Jakich plików potrzebujesz w pakiecie Favicon?. Aby przygotować zasoby na potrzeby premiery, przeczytaj artykuł Jak przygotować Favicony i ikony aplikacji do uruchomienia SaaS.

Otwórz Generator ikon Favicon / aplikacji, jeśli potrzebujesz startera site.webmanifest w pakiecie z ikonami, do których się odnosi.

Może Ci się też spodobać