Conversor de PNG para ICO e gerador de favicon
Arraste um PNG ou um logo para qualquer lugar desta página e baixe um .ico com todos os tamanhos de 16 a 256 px, ou um pacote de favicons completo com ícones de app, um web manifest e as tags HTML.
Experimente
Já tem o arquivo?
- Grátis, sem cadastro
- .ico e PNG de 16 a 512 px
- Apple touch icon
- Manifesto de app web
Solte o logo para abrir
Continue encontrando logos, grátis
Mais imagens do site
Clique em um logo para trocá-lo pelo próximo encontrado naquele site ou para removê-lo.
Transforme este logo em 3D
Vídeos com logo 3D animado para Reels, TikTok e YouTube, imagens 3D brilhantes e arquivos para impressão 3D, feitos no seu navegador em segundos.
Como fica
Como converter PNG para ICO
Arraste o arquivo, confira o ícone e baixe. A imagem é convertida no seu navegador, grátis e sem conta.
Arraste seu PNG
Arraste um PNG, JPG, WebP ou SVG para qualquer lugar da página ou clique em Arraste o seu próprio logo, abaixo da caixa de pesquisa. Vai criar um ícone para uma empresa que já tem um? Digite o site dela e a ferramenta traz os ícones que ela já usa.
Confira como ícone
A imagem abre centralizada em um quadrado, o formato que todo espaço de ícone espera, e você a vê em uma aba do navegador, no tamanho real de 16 px, e como ícone de app no celular.
Baixe o ICO
Clique em ICO para gerar um .ico que reúne 16, 24, 32, 48, 64, 128 e 256 px, ou em Favicons para o pacote completo do site em um ZIP.
Coloque em uso
Copie o pacote para o seu site e cole as linhas de HTML prontas, ou aponte um atalho, uma pasta ou um app do Windows para o .ico.
Cada tamanho dentro do .ico e onde ele aparece
Um ICO é uma caixa de ícones: um só arquivo com a mesma imagem em vários tamanhos, para que cada lugar que exibe o ícone escolha o tamanho perfeito.
| Tamanho | Onde aparece |
|---|---|
| 16 × 16 px | Abas e favoritos do navegador; barras de título, menus de contexto e área de notificação do Windows |
| 24 × 24 px | A barra de tarefas do Windows, os resultados de pesquisa e a lista de apps do menu Iniciar |
| 32 × 32 px | Abas em telas de alta resolução; apps fixados no menu Iniciar do Windows |
| 48 × 48 px | A barra de tarefas em telas de alta resolução; apps fixados no Iniciar com escala de exibição de 150% |
| 64 × 64 px | Apps fixados no Iniciar e barras de título em telas de alta resolução |
| 128 × 128 px | Uma base de tamanho próximo para os tamanhos intermediários que o Windows desenha em telas grandes |
| 256 × 256 px | Apps fixados no Iniciar na maior escala de exibição; é também a imagem-mestre a partir da qual o Windows reduz todos os tamanhos menores |
O guia de tipos de imagem do MDN descreve como um arquivo ICO “pode conter vários ícones” de até 256 × 256 px. As diretrizes de ícones da Microsoft listam onde o Windows desenha cada tamanho e pedem aos apps “no mínimo: 16x16, 24x24, 32x32, 48x48 e 256x256”; o ICO baixado traz todos eles, além de 64 e 128 px para os tamanhos intermediários.
O pacote de favicons, arquivo por arquivo
Tudo de que um site precisa para os ícones, criado a partir de uma única imagem, em um só ZIP.
| Arquivo | O que é | O que faz |
|---|---|---|
| favicon.ico | Um arquivo de ícone com 16, 32 e 48 px | O ícone que os navegadores procuram na raiz do site |
| icon-256.ico | Todos os tamanhos: 16, 24, 32, 48, 64, 128 e 256 px | Apps do Windows, atalhos na área de trabalho e ícones de pasta |
| favicon-16x16.png, favicon-32x32.png e favicon-48x48.png | PNGs quadrados pequenos com fundo transparente | Abas do navegador, favoritos e atalhos |
| favicon.svg | O ícone em vetor, quando o seu logo tem um | Abas nítidas em qualquer tamanho nos navegadores que leem ícones SVG |
| apple-touch-icon.png | 180 × 180 px, sobre fundo branco, com um pouco de respiro | Tela de Início do iPhone e do iPad |
| android-chrome-192x192.png e android-chrome-512x512.png | Os ícones de web app | Tela inicial do Android, web apps instalados e as telas de abertura deles |
| site.webmanifest | Um pequeno arquivo de texto que lista os ícones de app | Permite que celulares e navegadores instalem o seu site como app |
| add-to-your-head.html | As linhas para o head das suas páginas | Copie e cole: todos os ícones vinculados de uma vez |
O Apple touch icon de 180 px é o tamanho para iPhone no guia de conteúdo web do Safari da Apple (arquivado), e os navegadores Chromium procuram os ícones de 192 e 512 px no web manifest antes de instalar um site como app, como explica o web.dev.
Coloque no seu site: o HTML pronto para colar
Copie o pacote para a pasta raiz do seu site e cole quatro linhas no head de todas as páginas.
O arquivo add-to-your-head.html do pacote traz estas linhas, com o ícone SVG quando o seu logo é vetorial:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Para um logo em imagem, a segunda linha aponta para o PNG de 32 px no lugar do SVG:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">A Pesquisa Google mostra o seu favicon ao lado das suas páginas quando consegue encontrá-lo. As diretrizes do Google pedem um ícone quadrado de pelo menos 8 × 8 px, recomendam um maior que 48 × 48 px e exigem que o Googlebot consiga rastrear tanto a página inicial quanto o arquivo do ícone.
Veja no tamanho real antes de baixar
Um favicon é avaliado no tamanho de 16 pixels. A prévia mostra o seu nesse tamanho, para você escolher a imagem certa de primeira.
Ao lado da prévia grande, mockups mostram o seu ícone em uma aba do navegador e como ícone de app no celular, e o logo completo em cabeçalhos de site com fundo claro e escuro. Um detalhe que vira borrão no tamanho de uma aba aparece aqui, muito antes de um visitante vê-lo.
Ícones pequenos favorecem formas simples. Um símbolo ou uma única letra fica legível com 16 px, e o nome completo da empresa não, então recorte só o símbolo ou crie uma versão forte e limpa com a ferramenta para deixar o logo branco, que também gera um favicon branco para abas escuras.
Ícones de app, de pasta e da área de trabalho no Windows
O mesmo .ico dá a um atalho, a uma pasta ou a um app do Windows um ícone nítido em todos os tamanhos, da barra de título ao menu Iniciar.
Um atalho. Clique com o botão direito no atalho, escolha Propriedades, depois Alterar Ícone e localize o seu .ico.
Uma pasta. Clique com o botão direito na pasta, escolha Propriedades, abra a guia Personalizar e clique em Alterar Ícone.
Um app que você está desenvolvendo. Entregue o .ico ao seu desenvolvedor ou adicione o arquivo às configurações de build do app. Como ele traz um ícone de 256 px, o Windows reduz esse ícone para todos os espaços menores, em vez de esticar um ícone pequeno, o que o mantém nítido em telas de alta resolução.
Crie um favicon a partir do seu logo
Ainda não tem um arquivo de ícone? Arraste o próprio logo. Ele é centralizado em um quadrado, com o respiro certo, e todos os tamanhos do pacote são criados a partir dele de uma vez.
Vai renovar a marca de um cliente? Digite o site dele no Logo Finder para começar pelo logo que ele já usa, ou baixe primeiro os ícones atuais com o extrator de favicon.
Mais ferramentas grátis de ícone e logo
- Conversor de PNG para SVGUm vetor do símbolo, nítido em qualquer tamanho
- Criador de logo 3DO mesmo logo como imagem ou vídeo 3D
- Criador de animação de logoOito animações 3D com música
- Criador de intro com logoUma abertura com logo 3D para os seus vídeos
- Criador de GIF de logo girandoUm giro 3D contínuo em GIF com loop
- Logo para STL e 3MFTransforme qualquer logo em arquivo para impressão 3D
- Conversor de SVG para STLTransforme arte vetorial em arquivo para impressão 3D
- Conversor de PNG para STLTransforme uma imagem em arquivo para impressão 3D
- Como fazer um logo 3DQuatro formas de dar profundidade a um logo 2D
- Como animar um logoMovimento, som e tamanhos para cada plataforma
- Como imprimir um logo em 3DTamanhos, cores, fatiadores e correções
- Conversor de logo para SVGVetorize um logo para impressão e corte
Dúvidas sobre o conversor de PNG para ICO
Respostas curtas sobre arquivos ICO e favicons: tamanhos, o HTML, ícones do Windows e como criar um a partir do seu logo.
Pergunte o que quiserComo converter PNG para ICO?
Arraste o PNG para qualquer lugar desta página ou clique em “Arraste o seu próprio logo”. Ele abre como ícone quadrado; clique em ICO para gerar um arquivo .ico que reúne 16, 24, 32, 48, 64, 128 e 256 px, ou em Favicons para o pacote completo do site. É grátis e tudo acontece no seu navegador.
Quais tamanhos um favicon.ico deve ter?
Para um site, 16, 32 e 48 px cobrem abas, favoritos e telas de alta resolução, e o favicon.ico do pacote traz exatamente esses tamanhos. Para um app do Windows ou um ícone da área de trabalho, a Microsoft pede no mínimo 16, 24, 32, 48 e 256 px, e o ICO baixado traz todos eles, além de 64 e 128 px.
Como criar um favicon a partir do meu logo?
Arraste o seu logo para esta página. Ele é centralizado em um quadrado, o formato que todo espaço de ícone espera, e você o vê em uma aba do navegador e como ícone de app antes de baixar o pacote de favicons. Um símbolo ou uma inicial do logo fica mais legível com 16 px.
Os sites ainda precisam de um favicon.ico?
Vale muito a pena manter. Os navegadores ainda pedem /favicon.ico aos sites, a Pesquisa Google aceita arquivos ICO e um único ICO reúne vários tamanhos. Os navegadores modernos também leem os ícones PNG e SVG vinculados no head da página, e o pacote traz os dois.
Como colocar o favicon no meu site?
Copie os arquivos do pacote para a pasta raiz do seu site, onde fica a página inicial, e cole as linhas do add-to-your-head.html no head de todas as páginas. Em um criador de sites ou em uma plataforma de loja virtual, envie o PNG de 512 px na configuração de ícone do site.
Posso criar um ícone de 256 px para Windows a partir de um PNG?
Sim. O ICO baixado traz 16, 24, 32, 48, 64, 128 e 256 px. A Microsoft observa que, com um ícone de 256 px, o Windows só reduz o seu ícone, nunca amplia, então ele fica nítido em todos os tamanhos. Comece por um PNG com pelo menos 256 px de largura ou por um logo vetorial.
Qual é o melhor tamanho de favicon?
Um conjunto, e não um tamanho só: 16, 32 e 48 px no favicon.ico, um Apple touch icon de 180 px e ícones de 192 e 512 px para o web manifest. O Google recomenda um favicon quadrado maior que 48 × 48 px para os resultados de pesquisa. O pacote cria todos eles a partir de um único arquivo.
Quão útil foi esta ferramenta?
Seu logo em tudo o que você imprime, em 3D
O Proofscene lê as suas provas em PDF e cria provas 3D interativas no seu próprio link, com a sua marca, para que os seus clientes vejam os próprios cartões, embalagens e pulseiras antes da produção. Comece grátis hoje.
Conta grátis · Sem cartão de crédito · Feito por gente da gráfica