Por que converter WEBMANIFEST para PNG?
As buscas por webmanifest para .png vêm de desenvolvedores que veem entradas de ícones no manifesto e precisam dos arquivos de imagem reais para os quais essas entradas apontam. Um PWA normalmente precisa de um PNG de 192x192, um PNG de 512x512 e um PNG maskable de 512x512, todos gerados a partir de uma fonte de alta resolução. O manifesto apenas os referencia; as ferramentas criam os pixels e entregam o trecho JSON.
Como converter WEBMANIFEST para PNG
pwa-asset-generator OPEN-SOURCE
Execute npx pwa-asset-generator logo.svg ./icons para gerar automaticamente PNGs de ícones e splash e atualizar o manifesto e o HTML.
Sobre estes formatos
Um arquivo .webmanifest é um pequeno arquivo de texto JSON que informa ao navegador como instalar e exibir um Progressive Web App, incluindo seu nome, ícones, URL inicial e cores. Ele é…
Abrir detalhes de .WEBMANIFEST →Um PNG (Portable Network Graphics) é um formato de imagem raster sem perdas (lossless). Todos os sistemas operacionais, navegadores e aplicativos de imagem modernos abrem PNGs nativamente -…
Abrir detalhes de .PNG →Qualidade e o que observar
- O manifesto não contém dados de imagem, portanto a qualidade depende inteiramente do logotipo de origem que você fornece - comece com 512x512 ou maior.
- PNGs maskable precisam de um preenchimento de segurança ao redor do logotipo, caso contrário o Android cortará bordas importantes.
- Ícones gerados não substituem nada automaticamente; você deve copiar o novo bloco
iconspara o seu manifesto.
Perguntas frequentes
Posso extrair PNGs do próprio arquivo de manifesto?
De quais tamanhos eu preciso?
Qual imagem de origem funciona melhor?
As ferramentas atualizarão meu manifesto?
icons pronto; ferramentas de CLI como pwa-asset-generator podem escrevê-lo para você.