Gerador de Ícones PWA: Crie Manifest e Maskable Icons

Otimize seu Progressive Web App com ícones nativos e adaptáveis para todas as plataformas de forma automática.

Privacidade em primeiro lugar

  • Os arquivos nunca saem do seu navegador
  • Sem upload para o servidor
  • Processado localmente no seu dispositivo

O que é um Ícone PWA e por que é necessário um 'Ícone Maskable'?

Um ícone PWA é o símbolo visual da sua web app quando esta é 'instalada'. Os sistemas Android modernos usam 'Ícones Maskable' para recortar os ícones em várias formas. Um ícone maskable tem uma 'zona segura' designada, garantindo que a sua marca permanece visível através de diferentes temas de dispositivos.

3 Passos para um Pack de Ícones PWA Profissional

Sem dores de cabeça por codificações ou ficheiros de manifesto. Aprenda a completar o seu projeto de ícones PWA a partir do navegador em segundos.

  1. Carregue o seu Ícone Mestre (512x512): Use um PNG para resultados mais nítidos.
  2. Geração de Ícones Maskable e Padrão: O escalonamento e cumprimento de padrões são geridos instantaneamente.
  3. Copie o Bloco de Manifesto e Descarregue: Obtenha o código e ficheiros para o 100/100 na pontuação do Lighthouse.

Vantagens do Pixes.app

Cumprimento do Lighthouse para uma pontuação perfeita. Geramos tanto as imagens como o código manifest.json. Tudo acontece localmente no navegador para 100% de privacidade. Grátis, rápido e sem registo. Padrões 2026 para Android e iOS suportados.

Como usar esta ferramenta

  1. Escolha a sua imagem de maior resolução, preferencialmente 512x512 em formato PNG. Clique em 'Selecionar imagem'.
  2. Uma vez carregado, a nossa ferramenta gera as versões 192x192 (Geral), 512x512 (Splash Screen) e 'maskable-icon-512x512' simultaneamente.
  3. Geramos o array de 'icons' que necessitará de colar no seu ficheiro manifest.json. Clique em 'Copiar Código' e descarregue o set completo num ZIP.

Ferramentas relacionadas

Perguntas frequentes (FAQ)

Qual o formato de ficheiro melhor para PWA?
O formato PNG é o padrão obrigatório. Os PNG transparentes são os melhores para a compatibilidade.
O que é um ícone 'Maskable'?
Permite que o Android dê forma ao seu ícone em várias formas sem cortar o seu logótipo.
Quais os ícones que devo adicionar ao meu manifest.json?
Pelo menos o de 192x192 e 512x512. A nossa ferramenta dá-lhe o bloco de código completo.
Por que o meu ícone PWA não aparece após a instalação?
Costuma dever-se a um caminho incorreto no manifest.json. Garanta que os caminhos coincidem com a estrutura de pastas do seu projeto.