← Image Format Converter

Conversor de PNG para ICO: Criar Favicon a partir de PNG

Redimensione imagens PNG para dimensões padrão de favicon para ICO. Gere tamanhos 16x16, 32x32 e 48x48. Funciona localmente no seu navegador.

100% no navegador. Seus dados nunca saem do seu computador.

Solte o arquivo PNG aqui

ou clique para navegar · colar da área de transferência (Ctrl/⌘+V)

PNG, JPG, WebP, AVIF, GIF, BMP, SVG, HEIC, ICO · até 20 arquivos

Ferramentas Relacionadas

img
Conversor de Formatos de Imagem: Ferramenta de Conversão PNG, JPG, WebP, HEIC

Converta imagens entre PNG, JPG, WebP, HEIC, SVG, GIF, BMP e ICO. Redimensionamento, compressão e visualização lado a lado. Funciona no navegador.

 b64
Codificador/Decodificador Base64

Codifique e decodifique strings Base64 online. Lida com texto UTF-8, emoji e dados binários com suporte completo de ida e volta. Sem servidor, sem cadastro.

Criar PNGs em Tamanho de Favicon a Partir de uma Imagem

Favicons modernos usam arquivos PNG declarados com tags <link>.

Como Funciona

  1. Solte ou selecione uma imagem PNG (idealmente quadrada, pelo menos 512x512)
  2. Use os controles de redimensionamento para definir suas dimensões alvo
  3. A ferramenta desenha a imagem em um Canvas no tamanho especificado
  4. Exporte o PNG redimensionado

Tamanhos de Favicon Que Você Realmente Precisa

TamanhoOnde aparece
16x16Ícone de aba do navegador
32x32Aba em alto DPI, barra de tarefas Windows
48x48Atalho de área de trabalho Windows
180x180Apple touch icon (tela inicial iOS)
192x192Android Chrome, manifesto PWA
512x512Tela inicial PWA, resultados Google

Configuração mínima:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Favicons SVG: a abordagem moderna

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">

Ícones de manifesto PWA

{
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

Para extrair imagens de arquivos ICO existentes, veja ICO para PNG. Para incorporar imagens como data URIs, veja o Base64 Encoder.