Gerador de favicon
Solte seu logo uma vez e receba todos os ícones que um site precisa, com o código para colar nas suas páginas.
Lacrado neste dispositivo
Funciona no seu navegador. Nada é enviado.
Lacrado
Seu ícone
Código para as suas páginas
Coloque os arquivos do ZIP na raiz do seu site e cole este código dentro do <head> de cada página.
Como funciona
-
Adicione seu logo
Solte um SVG, PNG ou JPG, selecione o arquivo ou cole a imagem. Uma imagem quadrada de pelo menos 512 × 512 pixels gera os ícones mais nítidos.
-
Ajuste a aparência
Adicione uma margem interna, uma cor de fundo ou cantos arredondados e confira o resultado em uma aba do navegador e na tela inicial de um celular.
-
Baixe e cole o código
Baixe o ZIP, coloque os arquivos na raiz do seu site e cole o código no <head> das suas páginas.
Perguntas frequentes
Quais arquivos eu recebo?
Um arquivo favicon.ico com os ícones de 16, 32 e 48 pixels, ícones PNG de 16, 32, 48, 192 e 512 pixels, um apple-touch-icon.png de 180 pixels para iPhone e iPad, e um arquivo site.webmanifest que permite ao Android usar seus ícones de 192 e 512 pixels. Baixe um por um ou todos juntos em um arquivo ZIP.
Onde coloco os arquivos?
Na raiz do seu site, ao lado da página inicial, para que fiquem acessíveis em endereços como /favicon.ico. Depois cole o código mostrado abaixo da prévia dentro do <head> de cada página. Os navegadores também procuram /favicon.ico sozinhos, então até as páginas sem o código exibem seu ícone.
Qual deve ser o tamanho da minha imagem?
Quadrada e com pelo menos 512 × 512 pixels, o tamanho do maior ícone. Um SVG é ideal: ele fica nítido em qualquer tamanho. Uma imagem menor também funciona, mas os ícones grandes são ampliados e ficam borrados.
Por que meu ícone fica borrado ou pequeno demais na aba do navegador?
Em 16 pixels, detalhes finos e textos pequenos desaparecem. Use uma marca simples, como uma letra ou um símbolo, em vez de um logo completo com palavras, mantenha a margem interna pequena e escolha “Cortar em quadrado” se a sua imagem for larga.
Minha imagem é enviada?
Não. Sua imagem é lida, redimensionada e salva no seu navegador, no seu dispositivo. Ela nunca é enviada para lugar nenhum.
Por que o Apple touch icon tem fundo?
O iPhone e o iPad arredondam sozinhos os cantos dos ícones da tela inicial e mostram as áreas transparentes em preto. Por isso, o Apple touch icon sempre recebe um fundo sólido e cantos retos: a sua cor de fundo, ou branco se você escolheu transparente.