Gerador de favicon
Favicon Generator
Produz o conjunto completo de favicons — ICO, PNGs, ícone Apple touch, manifesto web — mais o HTML para colar.
Um favicon deixou de ser um arquivo só há alguns anos: um site precisa do .ico para a requisição à raiz, PNGs em três tamanhos para barras de abas, um ícone de toque da Apple porque o iOS ignora o manifesto e um ícone mascarável porque o Android corta para uma forma que ele escolhe. Esta ferramenta produz todos eles, o manifesto e o código para colar.
Solte o seu logotipo
Um PNG quadrado de 512×512 ou maior dá o melhor resultado. O SVG precisa ser rasterizado antes.
Como usar
Solte um logotipo quadrado de 512 px ou mais
Tudo é derivado reduzindo, então o maior ícone do conjunto é tão bom quanto aquilo com que você começou e não melhor.
Defina o nome e o nome curto
O nome curto é o que aparece abaixo do ícone em uma tela inicial, e tanto o Android quanto o iOS o cortam por volta de doze caracteres.
Escolha as cores de tema e de abertura
Elas vão para o manifesto: a cor de tema tinge a interface do navegador no Android, e a de fundo é o que um PWA aberto mostra antes de pintar.
Pegue o zip e cole o código
Os arquivos vão na raiz do site; o bloco `<link>` vai em `<head>`. Os dois são produzidos juntos para que os caminhos concordem.
Perguntas frequentes
Para que serve o ícone mascarável?
O Android corta os ícones da tela inicial para uma forma que o aparelho escolhe — círculo, quadrado arredondado, gota — e só garante os 80% centrais. O ícone mascarável sempre recebe 10% de preenchimento independentemente da sua configuração de preenchimento, para que o corte não alcance a arte.
Posso usar um favicon SVG em vez disso?
Você pode acrescentar um, e é a opção mais bonita onde funciona, mas ele não substitui o conjunto. O Safari no iOS quer o ícone de toque, o Android quer os ícones do manifesto e o .ico da raiz é pedido de qualquer jeito. Rasterize o SVG primeiro e solte o PNG aqui.
Quanto preenchimento devo usar?
Nenhum para uma marca desenhada para preencher o quadro; de dez a quinze por cento para um logotipo que precisa de respiro a 16 px. Os tamanhos de barra de abas são onde o preenchimento custa mais, porque há muito pouco espaço para ceder.
Pode receber de
Otimizador de SVG
SVG Optimiser
Remove sobras de editor, achata transformações e arredonda a precisão dos caminhos, mostrando a diferença renderizada.
Conversor de ICO
ICO Converter
Monta um .ico com várias resoluções a partir de uma imagem, ou desmonta as imagens de um .ico existente.
SVG para PNG
SVG to PNG
Renderiza um SVG em PNG, JPEG ou WebP em qualquer fator de escala, com fundo transparente ou preenchido.
Compressor de PNG
PNG Compressor
Quantiza a paleta e reescreve o fluxo deflate para reduzir um PNG sem alterar as dimensões — sem enviar arquivos, tudo no seu navegador.
Em seguida
Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.
Conversor de ICO
ICO Converter
Monta um .ico com várias resoluções a partir de uma imagem, ou desmonta as imagens de um .ico existente.
Redimensionar imagem
Image Resizer
Redimensiona por pixels, porcentagem ou pelo lado maior desejado, com proporção travada e predefinições para lotes.
Compressor de PNG
PNG Compressor
Quantiza a paleta e reescreve o fluxo deflate para reduzir um PNG sem alterar as dimensões — sem enviar arquivos, tudo no seu navegador.
Otimizador de SVG
SVG Optimiser
Remove sobras de editor, achata transformações e arredonda a precisão dos caminhos, mostrando a diferença renderizada.
Remover fundo de imagem
Background Remover
Recorta um fundo liso ou de cor única em OKLab e devolve um PNG transparente, com um pincel para corrigir as bordas.
Remover EXIF
EXIF Remover
Remove metadados de câmera, GPS e edição das fotos sem tocar nos pixels.