Favicons e ícones de app
Transforme uma imagem quadrada em todos os ícones necessários para um site, além do código de marcação.
- Adicionar
- Ajustar
- Criar
- Manter
Como usar esta ferramenta
- Adicione seus arquivos — arraste-os para a página ou selecione-os. Eles permanecem no seu dispositivo.
- Adicione uma imagem de origem quase quadrada — o assunto deve ficar perto do centro, pois os tamanhos menores são cortados visualmente.
- Escolha uma cor de fundo para os ícones opacos e decida se quer incluir o cartão para redes sociais de 1200×630.
- Clique em “Criar conjunto de ícones” e baixe os resultados individualmente ou em um único ZIP.
Sobre esta ferramenta
Transforme uma imagem quadrada em todos os ícones necessários para um site, além do código de marcação. Grátis e sem limite de uso. Nada é enviado: tudo é processado no seu navegador. Seu arquivo nunca é enviado a um servidor, e o resultado é baixado diretamente no seu dispositivo. Sem conta e sem marca-d’água.
Privacidade e limitações
Uma execução gera um conjunto fixo — favicon.ico (16, 32, 48 e 256 px), apple-touch-icon.png (180 px), icon-512.png e, se escolhido, og-image.png (1200×630); não é possível alterar os tamanhos, e a ferramenta não cria entradas em manifest.json — copie os nomes dos arquivos para o seu próprio manifesto. O cartão para redes sociais é recortado do centro da imagem para 1200×630, então uma imagem de origem alta ou quadrada perde as partes de cima e de baixo; imagens pequenas são ampliadas e ficam com aparência desfocada.
Última atualização:
Perguntas frequentes
Qual deve ser o tamanho da imagem original?
Use uma imagem quadrada de pelo menos 512 × 512 pixels, com a arte sem ficar muito próxima das bordas. Todos os tamanhos são reduzidos a partir dela. Se a imagem for menor, o ícone ficará com aparência desfocada nos tamanhos maiores.
Por que preciso de tantos tamanhos de ícone?
Cada lugar usa um tamanho: 16 pixels na aba do navegador, 180 na tela inicial do iPhone e 512 na tela de abertura do Android. Fornecer cada tamanho evita que o sistema amplie ou reduza um ícone de tamanho inadequado, o que pode prejudicar sua aparência.
Ainda preciso do favicon.ico?
É bom ter esse arquivo. Alguns navegadores e mecanismos de busca mais antigos acessam /favicon.ico diretamente e ignoram as tags de link. O arquivo ICO com vários tamanhos também atende a esses casos.
Para que serve a imagem do Open Graph?
É a imagem exibida quando seu link é compartilhado nas redes sociais ou em uma conversa. Sem ela, o link aparece como um retângulo azul sem imagem.