Converter WebP para ICO
Seu logo só existe como um WebP salvo do seu próprio site ou exportado de um programa de design? Transforme-o em um favicon.ico que navegadores, favoritos e atalhos do Windows reconhecem sem marcação extra.
Conversor de imagens
ou solte arquivos JPG, JPEG, JPE … aqui ·
Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos
Os arquivos são processados em nossos servidores e apagados após 30 minutos.
85 mantém as fotos visualmente idênticas ao original. Diminua só quando precisar de um arquivo menor.
JPG, BMP e EPS não têm transparência. Os pixels transparentes são preenchidos com esta cor.
Cor hexadecimal usada atrás dos pixels transparentes, por exemplo #FFFFFF.
Este formato guarda uma única imagem. Escolha saída GIF ou WebP se quiser manter a animação.
Um ícone multitamanho contém várias resoluções em um só arquivo; navegadores e sistemas operacionais escolhem a que precisam.
Mantenha as dimensões originais ou informe um dos lados, e a proporção é preservada.
Pixels do lado escolhido acima.
Porcentagem das dimensões originais.
sRGB é o certo para telas e web. Mantenha o original em fluxos de impressão; escala de cinza descarta as cores.
Só nos metadados; 0 mantém o valor original. Impressoras e alguns portais leem esse número; ele não altera as dimensões em pixels.
Como usar esta ferramenta
- 1
Envie o logo WebP
Solte o arquivo .webp, ou até 20 de uma vez, com até 95 MB cada. Um logo quadrado de pelo menos 256 × 256 px funciona melhor.
- 2
Mantenha todos os tamanhos de ícone
Tamanhos do ícone começa em Todos os tamanhos (16–256) em Configurações avançadas. WebPs animados usam o primeiro quadro.
- 3
Converta e envie para o seu site
Clique em Converter para ICO, renomeie o arquivo para favicon.ico se necessário e coloque-o na pasta raiz do seu site.
Hoje, os logos salvos de sites costumam ser WebP. Uma conversão transforma esse arquivo em um favicon.ico com vários tamanhos, mantendo o fundo transparente.
Crie um favicon.ico a partir de um logo WebP
O WebP virou o formato de imagem padrão de boa parte da web depois que o Google o lançou em 2010; o WordPress aceita uploads de WebP desde a versão 5.8, de 2021, e muitas CDNs de imagem convertem todo PNG que entregam. Por isso, quando você procura o próprio logo, a cópia que encontra costuma ser um .webp, e geradores de favicon, o Windows e alguns painéis de hospedagem não o aceitam.
O formato ICO resolve um problema diferente do WebP. Em vez de uma única imagem compactada, ele reúne vários bitmaps quadrados, e o navegador ou o sistema operacional escolhe o tamanho de que precisa: 16 px para uma aba, 32 px para a barra de tarefas ou de favoritos, e tamanhos maiores para atalhos na área de trabalho e telas de alta densidade. A conversão gera esses tamanhos a partir do seu WebP de uma só vez.
Mantenha o WebP original para o logo no cabeçalho da página. Os dois arquivos servem a usos diferentes, e a conversão não altera o original.
O que o conversor coloca no ICO
- Cinco tamanhos reunidos em um só .ico
- 16–256 px
- Arquivos WebP por lote
- 20
- Tamanho máximo por arquivo
- 95 MB
- Depois são excluídos do servidor
- 30 min
WEBP
Imagem WebP
WebP é um formato de imagem lançado pelo Google em 2010 para fazer as páginas web carregarem mais rápido. Ele aceita compressão com perda e sem perda, transparência alfa e animação em um único formato. Arquivos WebP com perda costumam ser 25–35% menores que JPEGs de qualidade visual parecida, e o WebP sem perda geralmente fica menor que o PNG. Todos os navegadores atuais o suportam, mas alguns programas de desktop mais antigos, serviços de impressão e formulários de envio ainda o rejeitam. Windows, macOS e a maioria dos editores de imagem modernos abrem arquivos WebP.
- Compressão
- Com ou sem perdas
- Transparência
- Sim
- Animação
- Sim
- Lançamento
- 2010 · Google
ICO
Ícone do Windows
ICO é o formato de ícone da Microsoft usado nos ícones de programas do Windows e nos favicons de sites. Um único arquivo .ico pode conter várias imagens em tamanhos diferentes, como 16×16, 32×32, 48×48 e 256×256 pixels, para que o sistema escolha a mais adequada. Cada imagem pode ser armazenada como bitmap ou como dados PNG e suporta transparência alfa completa. O ICO não foi feito para fotos nem para artes grandes. Navegadores, o Windows e a maioria dos editores de ícones conseguem lê-lo.
- Compressão
- Sem perdas
- Transparência
- Sim
- Animação
- Não
- Lançamento
- Microsoft
Um logo WebP vira ICO quando a única cópia da marca é o arquivo compactado que um site ou CMS entregou, e o site ainda precisa de um favicon.ico na raiz.
Preparando um logo WebP para uma aba de navegador de 16 px
Corte só a marca
A maioria dos logos é larga. Mantenha só o símbolo ou a primeira letra e corte em um quadrado com uma pequena margem.
Tire o texto pequeno
Slogans e nomes escritos viram ruído cinza em 16 px. Uma forma única e marcante sobrevive; traços finos não.
Confira as duas cores de aba
Veja o resultado em um tema de navegador claro e em um escuro. Um logo escuro sobre fundo transparente pode sumir em uma aba escura.
Como adicionar o novo favicon ao seu site
Coloque o favicon.ico na pasta raiz para que ele responda em seusite.com/favicon.ico. Declará-lo no head da página com <link rel="icon" href="/favicon.ico" sizes="any"> deixa a escolha explícita, e um CMS como o WordPress tem um campo próprio de Ícone do site que escreve essas tags para você.
Mais dois ícones completam o conjunto. iPhones e iPads usam um apple-touch-icon, um PNG de 180 × 180 px, quando alguém adiciona seu site à tela de início; crie-o com WebP para PNG e nosso guia de corte. O Google Search pede um favicon quadrado com tamanho múltiplo de 48 px, então um PNG de 96 ou 144 px vinculado na página inicial cobre também os resultados de busca. Os navegadores guardam favicons em cache de forma agressiva; abra a página em uma janela privada para ver o novo na hora.
Perguntas sobre converter WebP para ICO
Por que preciso de um .ico se meu logo já é WebP?
Os navegadores pedem /favicon.ico na raiz do site por conta própria quando a página não declara nenhum ícone, e atalhos do Windows, navegadores antigos e muitos campos de favicon de CMS esperam ICO ou PNG. Um único .ico na raiz atende a todos sem precisar de nenhuma marcação.
A área transparente ao redor do meu logo WebP continua transparente?
Sim. WebP e ICO têm canal alfa, então o fundo transparente passa direto para todos os tamanhos dentro do ícone, e o favicon fica bem em abas de navegador claras e escuras.
O que acontece se eu enviar um WebP animado?
O ICO guarda apenas imagens estáticas, então o conversor usa o primeiro quadro (Entrada animada está em Somente o primeiro quadro). Escolha outra origem se o primeiro quadro estiver em branco ou no meio de uma transição.
A compressão com perdas do WebP aparece no favicon?
Raramente em 16 a 64 px, porque a redução tira a média dos pequenos artefatos. Halos fracos podem permanecer nas camadas de 128 e 256 px. Se o logo também existir em vetor, SVG para ICO dá as bordas mais limpas.
Que resolução meu logo WebP precisa ter para um favicon nítido?
Pelo menos 256 × 256 px e quadrada, para que a maior camada seja feita por redução e não por ampliação. Um logo de 120 px salvo do cabeçalho de uma página ficará borrado nos tamanhos maiores.