Como criar ícones de app do Windows

As superfícies da interface do usuário Windows variam de glifos de área de notificação de 16 × 16 a pinos jumbo de 256 × 256 em barras de tarefas de alto DPI. Um bitmap esticado nesse intervalo parece suave ou pixelado. Use nosso [gerador favicon] (ferramenta: gerador favicon), [conversor PNG para ICO] (ferramenta: png-to-ico), [conversor SVG para ICO] (ferramenta: svg-to-ico) e [testador favicon ao vivo] (utilitário: favicon-tester) para construir e verificar seu conjunto de ícones e leia o companion guide para um passo a passo condensado.

O contêiner .ico existe para que um único arquivo carregue vários quadros pré-renderizados. Shell32 escolhe o tamanho mais próximo em vez de aumentar a escala de uma imagem minúscula.

Web favicons e ícones de aplicativos de desktop compartilham o mesmo formato de contêiner. Transferência de habilidades entre o envio do favicon.ico e o empacotamento de um executável Win32 ou Electron.

Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.

A Microsoft recomenda incorporar quadrados de 16, 24, 32, 48, 64, 128 e 256 pixels em um .ico para aplicativos modernos.

16 e 24 cobrem pequenas listas de shell. 32 e 48 cobrem visualizações de ícones padrão e médios no File Explorer. 64 e superiores cobrem miniaturas de alto DPI e blocos do menu Iniciar.

A omissão de 256 nem sempre quebra alguma coisa, mas os blocos fixados em monitores 4K parecem visivelmente mais suaves sem ele.

As ferramentas legadas armazenam 256×256 como BMP descompactado de 32 bits dentro do .ico. Esse único quadro pode exceder 256 KB e sobrecarregar os instaladores.

Os codificadores modernos armazenam quadros grandes como blobs compactados com PNG dentro do contêiner ICO. A qualidade visual permanece idêntica; o tamanho do byte cai 5–10×.

Sempre inspecione o tamanho .ico final. Menos de 50 KB é típico para um logotipo plano com compactação PNG; mais de 200 KB sinaliza inchaço BMP.

FetchFavicon aceita um master 512×512 e emite um .ico pronto para a web com quadros de alto tamanho compactados PNG – adequado para incorporação de recursos Electron, Tauri e Win32 clássico.

O editor de recursos do Visual Studio valida a estrutura ICO quando você compila aplicativos nativos. Teste lá antes de enviar um MSI.

Evite renomear um único PNG para .ico. Windows Explorer pode mostrar uma visualização, mas o dimensionamento do shell será prejudicado.

Aplicativo Electron: coloque favicon.ico nos recursos de construção; defina win.icon em electron-builder.yml para o mesmo arquivo de vários tamanhos.

Instalador do Inno Setup: SetupIconFile=assetsapp.ico deve apontar para um .ico contendo pelo menos 32 e 48 quadros.

Distribuição ZIP portátil: os usuários fixam seu .exe na barra de tarefas; Windows lê recursos de ícones incorporados do cabeçalho PE, que você compila do mesmo mestre .ico.

MSI corporativo: assine o instalador após incorporar os ícones – alterar a pós-assinatura .ico invalida a assinatura.

.ico é o mesmo na web e no desktop? Mesma especificação de contêiner; os aplicativos de desktop incorporam-no como um recurso PE em vez de servir por HTTP.

Preciso de ícones separados por versão Windows? Um .ico moderno de vários tamanhos cobre Windows 10 e 11.

E quanto a .ico vs .png para UWP? A UWP usa ativos PNG em um manifesto de pacote; o Win32 clássico ainda quer .ico.

Posso extrair tamanhos de um .ico existente? Sim, com IcoFX ou ImageMagick convertido para auditoria.

Ícone desfocado na barra de tarefas: faltando 32 ou 48 quadros; Windows aumentou a escala para 16.

Ícone do instalador errado, mas ícone exe certo: Inno Setup IconFile ainda aponta para um caminho antigo. Recrie o instalador.

Enormes commits do git após adicionar o ícone: você cometeu um .ico no estilo BMP. Reexporte com compactação PNG.

O ícone é exibido apenas na máquina de desenvolvimento: recurso não incorporado na configuração de compilação da versão — verifique arquivos .rc e artefatos de CI.

Os aplicativos nativos Win32 fazem referência a .ico em scripts de recursos .rc compilados no arquivo PE. O ID de recurso 1 é o ícone do aplicativo padrão.

Os pacotes Electron leem win.icon da configuração do construtor de elétrons; o mesmo .ico de vários tamanhos é extraído no .exe final.

Tauri em Windows espera .ico no array tauri.conf.json bundle.icon junto com PNG para outras plataformas.

A assinatura de código não valida os pixels do ícone, mas a alteração de recursos após a assinatura quebra a assinatura – finaliza os ícones antes da assinatura do Authenticode.

Teste o .exe compilado em uma VM limpa sem ferramentas de desenvolvimento instaladas. O Explorer lê recursos incorporados, não o caminho do repositório de origem.

A visualização de ícones pequenos no Explorer favorece quadros de 16 e 32 pixels. Ícones extra grandes usam 256 quando presentes.

A fixação da barra de tarefas solicita quadros de tamanho médio; faltar 32 produz um aumento suave de 16.

Os blocos do menu Iniciar no Windows 11 são animados com recursos de resolução mais alta quando 256×256 é incorporado.

Arquivos .lnk de atalho na área de trabalho podem armazenar ícones em cache de forma independente – exclua e recrie atalhos após atualizar o .ico subjacente durante o controle de qualidade.

Teste a escala de exibição de 100% e 200% em Windows 11. Cada escala seleciona quadros diferentes do mesmo ICO.

Fixe na barra de tarefas, desafixe ​​e fixe novamente após a atualização do ícone para liberar o cache do shell durante o controle de qualidade.

Verifique Propriedades → Alterar ícone nos atalhos criados antes da atualização — eles podem fazer referência a índices armazenados em cache.

Compare a miniatura do Explorer com o ícone da barra de tarefas – discrepâncias indicam falta de quadros de tamanho médio.

Os ícones MSI e EXE devem corresponder ao seu site favicon para continuidade da marca quando os usuários fixam após a instalação.

As caixas de diálogo do desinstalador usam o mesmo recurso de ícone – os usuários percebem incompatibilidades entre o instalador e o aplicativo.

As listagens da loja para pacotes da Microsoft Store usam requisitos PNG separados; desktop ICO permanece relevante para sideload Win32.

Mantenha um mestre ICO no repositório; As compilações de CI copiam-no na configuração do instalador e na web public/ para evitar desvios.

Windows SmartScreen não julga a beleza dos ícones – mas os usuários confiam nos ícones correspondentes ao confirmar os prompts de instalação.

Os aplicativos macOS precisam de .icns separadamente; o Windows ICO não os substitui em compilações universais do Electron.

As entradas de desktop Linux geralmente fazem referência a PNG em 512×512; gerar PNG do mesmo mestre que ICO.

Os ícones de lojas móveis são outro conjunto de exportação – as ferramentas web favicon são necessárias, mas não suficientes para lojas de aplicativos.

Os pipelines de lançamento unificados devem listar todos os alvos de ícones em uma lista de verificação para que Windows ICO nunca seja uma etapa esquecida.

Marque as notas de versão quando os recursos dos ícones forem alterados para que o suporte possa responder por que os atalhos parecem diferentes após uma atualização.

Valide os recursos incorporados ICO com Resource Hacker ou equivalente antes de assinar o binário do instalador final.

Documente qual quadro ICO Windows foi selecionado durante as capturas de tela do controle de qualidade - ajuda na depuração de relatórios borrados da barra de tarefas.

Mantenha o caminho ICO no YAML do instalador comentado com a lista de quadros esperados dentro do arquivo.