Saltar para o conteúdo principal

Como criar um site.webmanifest para uma aplicação Web simples

Por Converty Team

Saiba como um simples site.webmanifest se encaixa no pacote de favicons e ícones de aplicações para uma pequena aplicação Web ou site de lançamento.

Como criar um site.webmanifest para uma aplicação Web simples

Um site.webmanifest ajuda um browser a compreender metadados semelhantes a aplicações para um website ou aplicação web, incluindo os ícones que podem ser utilizados para instalação e superfícies de atalho. Não é o pacote favicon completo e não substitui os ficheiros de ícones. É o ficheiro que ajuda a ligar esses ativos ao site.

O Favicon/App Icon Generator do Converty inclui um iniciador site.webmanifest juntamente com saídas de favicon e ícone de aplicação, o que o torna útil para aplicações web simples, lançamentos SaaS e pequenos sites de marketing que necessitam do pacote comum rapidamente.

O que faz um manifesto

Um manifesto descreve informações como o nome da aplicação ou do website e as referências de ícones. Num fluxo de trabalho simples, ajuda a ligar ficheiros de ícones gerados a superfícies que os podem utilizar.

O ponto importante é que o manifesto faça referência a ativos. Se os ficheiros de ícones não estiverem presentes no projeto, o manifesto não poderá fornecê-los magicamente. O pacote e o manifesto pertencem um ao outro.

Comece com o pacote de ícones

Para uma aplicação web simples, o fluxo de trabalho deve começar com a arte original:

1.º Prepare uma imagem de origem quadrada e legível. 2.º Abra o Gerador de ícones de aplicações/favicons. 3.º Introduza o nome do site ou aplicação quando for relevante. 4.º Gere o favicon, o ícone PNG, o ícone de toque da Apple, o ícone pronto para Android e o pacote de manifesto. 5.º Colocar os arquivos na área de património público do projeto. 6.º Consulte os ícones relevantes e o manifesto da configuração do site.

Isto mantém o manifesto ligado aos ficheiros necessários.

Mantenha o manifesto inicial prático

Um manifesto inicial não é uma estratégia completa de configuração do produto. Fornece uma linha de base útil para referências de ícones comuns e metadados de aplicações. Dependendo da aplicação final, poderá ainda ter de editar nomes, cores, comportamento de visualização ou caminhos para corresponder ao projeto implementado.

É por isso que o Converty é melhor entendido como a etapa de embalagem. Ajuda a criar os ficheiros de que muitos projetos precisam e, em seguida, a sua aplicação ou estrutura fica com a integração final.

Para obter a lista de verificação completa do pacote, leia Que ficheiros precisa num pacote Favicon?. Para preparar ativos específicos para lançamento, leia Como preparar ícones de favoritos e aplicações para um lançamento SaaS.

Abra o Favicon/App Icon Generator quando precisar de um starter site.webmanifest juntamente com os ícones a que faz referência.

Também podes gostar