Ferramentas de imagem

Gerador de favicon

Cria um pacote de favicon a partir de uma imagem: tamanhos PNG, um favicon.ico e as etiquetas HTML que apontam para eles.

Gerador de favicon workspace

Como usar

Escolha um JPEG, PNG, WebP ou GIF. Criar ficheiro gera o pacote. Transferir guarda um ZIP. Coloque os ficheiros no seu site e copie as etiquetas link de README.txt para o elemento head.

Exemplo

README.txt inclui tags link para o ícone, o PNG de 32 pixels e o ícone Apple touch.

Entrada

A square logo PNG

Saída

favicon-pack.zip contendo favicon.ico, PNGs em 16, 32, 48 e 180 pixels, e README.txt

Como funciona

Cada tamanho é desenhado em um quadrado branco para um logo transparente continuar visível no chrome claro e escuro do navegador. favicon.ico contém os PNGs de 16 e 32 pixels em um contêiner PNG-in-ICO. O PNG de 48 pixels é um ícone de atalho geral. O PNG de 180 pixels é o tamanho Apple touch. O ZIP é armazenado, não recomprimido, e inclui o trecho HTML.

Erros comuns

  • O ícone parece cortado A origem é esticada para um quadrado. Comece de uma imagem quadrada se a arte não puder ser esticada.
  • Um navegador antigo ignora favicon.ico O ICO usa PNGs embutidos, que navegadores atuais leem. Os PNGs separados são o fallback listado no README.
  • O ZIP não apareceu Criar arquivo precisa ter sucesso antes de Baixar. Uma imagem danificada falha antes do pacote ser gerado.

Limitações

O pacote não inclui manifesto de web app, favicon SVG nem ícone maskable de 512 pixels. Animação é reduzida a um quadro. Arquivos acima de 15 MB ou 8000 pixels de lado são recusados. A imagem não é enviada.

Privacidade

O arquivo permanece no seu navegador. O PepsTools não o envia, não o armazena nem o encaminha a outro serviço. Limpe a ferramenta ou saia da página para liberá-lo da memória.

Perguntas

Quais tags o site deve usar?

O README no ZIP lista um link favicon.ico, um link PNG de 32 pixels e um link apple-touch-icon. Copie-os no elemento head e ajuste os caminhos para onde você colocou os arquivos.