nicetool.dev logo

Gerador de Assets PWA - Criar Ícones e Manifesto de App

Gere ícones PWA e manifesto localmente no seu navegador. Suas imagens nunca saem do seu dispositivo.

Fazer upload da imagem

Arr beste e solte a imagem aqui ou clique para selecionar o arquivo

Suporta PNG/JPEG, mínimo 512x512px

Configuração do Manifesto

Pré-visualização de Ícones

192x192

192x192px

Android / Chrome

512x512

512x512px

Tela de Abertura

180x180

180x180px

Tela Inicial iOS

512x512

512x512px

Mascarável (Adaptável)

Pré-visualização do Manifesto

Links HTML para Head
💡 Todo o processamento ocorre no lado do cliente para garantir privacidade e velocidade.
O que é o Gerador de Assets PWA?
O Gerador de Assets PWA é uma ferramenta gratuita que ajuda a criar todos os assets necessários para Progressive Web Apps (PWA) usando apenas uma imagem de origem. A ferramenta gera automaticamente favicon.ico, apple-touch-icon, ícones em vários tamanhos (16x16, 32x32, 192x192, 512x512...) e um arquivo manifest.json completo. Todo o processamento ocorre no lado do cliente, garantindo velocidade rápida e segurança absoluta para suas imagens.
Tamanhos de Ícones PWA Padrão
A ferramenta gera automaticamente ícones de acordo com os padrões PWA e Apple, incluindo:
Favicon
favicon.ico (32x32) - Ícone exibido na aba do navegador
Móvel e Tablet
192x192, 384x384, 512x512 - Ícones para Android e tela inicial
Apple Touch Icon
180x180 - Ícone para iOS quando adicionado à tela inicial
Vários Tamanhos
16x16, 32x32, 48x48, 72x72, 96x96, 120x120, 144x144, 152x152, 167x167
Manifest.json - O Coração da PWA
O arquivo manifest.json é o arquivo de configuração mais importante para PWA, contendo informações sobre:
  • •Nome do App (name, short_name) - Exibido ao instalar
  • •Ícones - Lista de todos os ícones com tamanhos e propósitos
  • •Cor do tema - Cor principal para a barra do app e barra de endereço
  • •URL de início - URL de lançamento ao abrir o app da tela inicial
  • •Modo de exibição - Modo de exibição (standalone, fullscreen...)
Principais Recursos
1
Upload de Imagem HD
Suporta PNG/JPEG com tamanho mínimo de 512x512px para melhor qualidade
2
Geração de Ícones Multi-tamanho
Redimensiona automaticamente e cria mais de 13 tamanhos de ícones seguindo as diretrizes de PWA e Apple
3
Auto Manifest.json
Gera manifest.json padrão com metadados completos e referências de ícones
4
Favicon.ico
Cria favicon.ico padrão para SEO e exibição em abas do navegador
5
Processamento no Lado do Cliente
Processamento 100% baseado no navegador, as imagens nunca são enviadas ao servidor
6
Download ZIP
Empacota todos os arquivos em um conveniente arquivo .zip
Aplicações do Mundo Real
1
Desenvolvimento PWA
Gera rapidamente assets para projetos de Progressive Web App, economizando horas de trabalho manual
2
Branding de Sites
Cria favicon e ícones de toque profissionais para sites, melhorando o reconhecimento da marca
3
Landing de App Móvel
Prepara assets para páginas web instaláveis que funcionam como apps nativos em móveis
Benefícios de SEO e UX
✓
Favicon aumenta o CTR nas SERP - Os usuários reconhecem seu site mais facilmente
✓
PWA melhora o Core Web Vitals - Melhor ranking no Google
✓
Apple Touch Icon - Experiência nativa quando adicionado à Tela Inicial do iOS
✓
manifest.json completo - Google indexa e entende melhor seu app
Notas Importantes
  • •A imagem de origem deve ser no mínimo 512x512px, recomendado 1024x1024px
  • •Use imagens com fundo transparente (PNG) para melhores resultados
  • •Todo o processamento é local, imagens não enviadas ao servidor
  • •O arquivo ZIP inclui: favicon.ico, ícones (13 tamanhos), manifest.json
 Como usar: Gerador de Assets PWA
  1. 1
    Envie um logo quadrado em PNG ou JPEG com pelo menos 512 x 512 pixels. Formas simples com alguma margem ficam melhores em tamanhos pequenos.
  2. 2
    Preencha os campos do manifesto: nome do app, nome curto (aparece sob o ícone), descrição, URL inicial, cor do tema e cor de fundo.
  3. 3
    Ative a máscara circular se quiser ícones redondos e confira as prévias para Android, iOS, splash screen e ícone maskable.
  4. 4
    Clique em Generate & Download para baixar um ZIP com todos os tamanhos e o manifest.json. Copie as tags link mostradas abaixo para o <head> do site.
 Exemplos práticos
Tornar o site instalável
Chrome e Edge só oferecem "Instalar app" quando há um manifesto válido com ícones de 192 e 512 pixels. Os arquivos gerados atendem a isso.
Ícones da tela inicial no iOS
O Safari ignora os ícones do manifesto e usa o apple-touch-icon. O ZIP inclui um ícone 180 x 180 e a tag link correspondente.
Ícones maskable para Android
O Android recorta os ícones em círculos ou quadrados arredondados conforme o aparelho. Um ícone maskable mantém o logo na área segura para não ser cortado.
Rebranding rápido
Se o logo mudar, envie o novo arquivo uma vez e troque o conjunto inteiro, sem exportar uma dúzia de tamanhos à mão.
 Perguntas frequentes
O que é um web app manifest?+
O manifest.json é um pequeno arquivo JSON que informa ao navegador nome, ícones, cores e URL inicial do seu web app. É ele que permite instalar e abrir o site como um app nativo.
Quais tamanhos de ícone são obrigatórios?+
Para ser instalável, o Chrome exige pelo menos 192 x 192 e 512 x 512. O iOS usa um apple-touch-icon de 180 x 180. Tamanhos extras deixam o ícone mais nítido em alguns launchers e aparelhos antigos.
Diferença entre theme_color e background_color?+
theme_color colore a barra do navegador e o alternador de tarefas. background_color preenche a splash screen enquanto o app carrega e deve combinar com o fundo da primeira tela.
Minhas imagens são enviadas?+
Não. O redimensionamento e o ZIP são feitos com a API Canvas no navegador, então logos não lançados não saem do seu dispositivo.