Gerador de Favicon

Use a ferramenta abaixo para criar os favicons do seu site.

Anúncio Google
Anúncio Google
Clique aqui ou arraste uma imagem para esta área para gerar seu favicon.

Favicons gerados recentemente

Anúncio Google

Como usar os favicons gerados?

Copie o código abaixo e coloque dentro da tag HEAD na sua página html.

<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"></meta>

Lembre-se: os atributos "href" em cada tag do código acima fazem referência ao caminho da pasta onde deverão estar os seus favicons. Por isso crie uma pasta chamada "favicon" na pasta root (ou raiz) do seu site e coloque os arquivos gerados aqui dentro dela.


Por que criamos este gerador de favicons?

Existem na internet muitos outros geradores de favicon, mas em alguns deles encontramos algumas limitações. Para resolvê-las criamos este gerador de favicon. Essa ferramenta permite a criação de favicons com fundo transparente e já que os favicons são gerados dentro do navegador do próprio usuário isso deixa o processo muito mais rápido e seguro.

Sem redirecionamentos.

Para aumentar a sua produtividade, nós não redirecionamos os resultados da compressão para uma outra página. Você pode repetir o processo quantas vezes quiser sem precisar recarregar a página ou voltar para a página inicial.

Downloads automáticos.

Para facilitar ainda mais o seu trabalho os favicons serão baixados para a sua pasta de "downloads" automaticamente após a compressão e otimização. Apenas um lembrete: na primeira vez que você tentar comprimir várias imagens de uma só vez, provavelmente o seu navegador vai te pedir para "permitir" o download de vários arquivos. Você pode permitir sem medo!


O que são favicons? Pra que serve um favicon?

Favicons são os pequenos ícones que aparecem na aba do navegador, próximos ao título da página, quando abrimos um site. Para que o favicon apareça em todos os navegaores e plataformas é importante que você disponibilize vários o seu favicon em vários tamanhos, como por exemplo: 16x16, 32x32, 48x48, 64x64, 128x128.

Conheça outras ferramentas que já criamos

Compressor de ImagensOtimizador de ImagensGerador de FaviconConverta PNG para JPGConverta PNG para WEBPConverta JPG para WEBPConverta JPG para PNGConverta WEBP para PNGConverta WEBP para JPGComprimir vídeosGerador de links para WhatsApp
Anúncio Google
Anúncio Google