🛝Toolio
Sobre Contato

🌐 Gerador de Favicon & Ícone de Aplicativo

Carregue uma imagem e baixe instantaneamente um pacote completo de favicon — ícones PNG em todos os tamanhos padrão, um arquivo .ico multi-tamanho e tags HTML prontas para colar, tudo em um único ZIP.

Carregar uma imagem quadrada
🌐
Solte um logotipo aqui ou clique para navegar
PNG ou SVG, idealmente quadrada — gerado no seu navegador

Privado por design. Esta ferramenta funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado, e funciona offline.

Sobre

Essa ferramenta usa a API de Canvas do navegador para redimensionar sua imagem de origem para todos os tamanhos que navegadores e sistemas operacionais modernos esperam: 16×16, 32×32, 48×48, 64×64, 180×180 (Ícone de Toque Apple), 192×192 (Android / PWA) e 512×512 (Splash PWA). Ela também monta um arquivo .ico multi-tamanho que empacota todos os tamanhos comuns de ícone em um único binário e gera o snippet HTML com as tags <link> corretas para cada tamanho. Tudo é embalado em um ZIP usando um escritor ZIP inline, apenas para armazenamento — não é necessário nenhuma biblioteca externa. Como todo o processo é executado no navegador com o Canvas, nenhuma imagem jamais deixa seu dispositivo.

Como usar

  1. Solte sua imagem de origem na área de upload ou clique para selecionar um arquivo — PNG, JPEG, SVG ou WebP funcionam.
  2. Visualize a imagem e confirme os tamanhos para gerar: PNGs de 16, 32, 48, 64, 180, 192 e 512 px estão selecionados por padrão.
  3. Clique em Gerar para permitir que a API de Canvas redimensione e renderize cada tamanho do ícone dentro do navegador.
  4. Clique em Baixar ZIP para receber todos os PNGs, o arquivo favicon.ico multi-tamanho e um arquivo snippet HTML em um único arquivo.
  5. Copie as tags <link> do arquivo HTML e cole-as na <head> do seu site — seu favicon está pronto.

Perguntas frequentes

Quais tamanhos essa ferramenta gera?
Ela gera arquivos PNG em 16, 32, 48, 64, 180, 192 e 512 pixels, um arquivo favicon.ico multi-tamanho (contendo 16, 32 e 48 px) e as tags HTML <link> correspondentes.
Minha imagem é carregada para um servidor?
Não. Todos os redimensionamentos e embalagens acontecem no seu navegador usando a API de Canvas. Sua imagem nunca deixa seu dispositivo.
Qual é a melhor imagem de origem para usar?
Uma imagem quadrada de pelo menos 512×512 px fornece os resultados mais nítidos em todos os tamanhos. O SVG funciona especialmente bem porque é independente de resolução.
O que é o arquivo .ico multi-tamanho e por que preciso dele?
Um arquivo .ico pode embutir múltiplas resoluções em um único binário. Navegadores mais antigos e o Windows usam o .ico para ícones de aba e atalhos, escolhendo automaticamente o tamanho mais adequado. Usar um .ico multi-tamanho garante ícones nítidos em todos os lugares.
Preciso de todos os tamanhos gerados para meu site?
Para a maioria dos sites, o arquivo .ico multi-tamanho mais os PNGs de 180 px (Ícone de Toque Apple) e 192/512 px (PWA) cobrem todos os casos principais. Os PNGs menores são incluídos para completude e suporte a navegadores mais antigos.
Esta ferramenta envia meus dados?
Não. Tudo é executado no seu navegador, então seus dados nunca saem do seu dispositivo — e funciona até offline depois que a página carrega.