Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
Transforme um logotipo ou uma imagem em um conjunto completo de favicon: favicon.ico, tamanhos PNG, um ícone Apple touch, ícones Android e maskable, um manifesto web e as tags HTML para colar. Tudo é desenhado no seu navegador, e uma origem SVG também ganha um favicon.svg nítido.
Solte um logotipo ou uma imagem na página, clique para escolher um ou cole com Ctrl+V. PNG, JPG, SVG, WebP, GIF, AVIF, ICO e HEIC funcionam.
Em Encaixe, escolha Encaixar a imagem inteira ou Recortar em quadrado, e ative Cortar bordas vazias se o logotipo tiver margens transparentes.
Em Estilo do ícone, defina o Fundo (Nenhum, Sólido ou Degradê), a Forma e o Preenchimento enquanto observa as prévias da aba do navegador e da Tela inicial.
Preencha os Detalhes do site (nome do site, nome curto, cor do tema, URL da pasta de ícones) e escolha os tamanhos em Saída.
Clique em Baixar pacote (ZIP), envie os arquivos para o seu site e copie as tags de Colar no <head> para a sua página.
Não. Cada ícone é renderizado com canvas no seu navegador, então a imagem nunca sai do seu dispositivo.
favicon.ico (16, 32 e 48 px por padrão, até 256 px), favicon-16x16.png e favicon-32x32.png mais quaisquer tamanhos PNG extras que você marcar, apple-touch-icon.png (180 px), android-chrome 192 e 512 px, maskable-icon-512x512.png, site.webmanifest e favicon-snippet.html. Você também pode baixar qualquer arquivo avulso na lista Arquivos.
Uma imagem quadrada de pelo menos 512 × 512 px. Imagens menores são ampliadas e a página avisa que vão ficar suaves. Um SVG é o melhor: permanece nítido em qualquer tamanho e acrescenta favicon.svg ao pacote.
Encaixar a imagem inteira mantém o logotipo completo e deixa espaço vazio ao redor. Recortar em quadrado preenche o ícone e corta os lados mais longos.
O iOS não mostra transparência em ícones da tela inicial, então apple-touch-icon.png e o ícone maskable são sempre quadrados opacos. Com Fundo em Nenhum, eles são preenchidos de branco, e o ícone maskable mantém a arte dentro da zona segura que o Android pode recortar em um círculo.
O Conversor começa de uma imagem que você já tem. O Gerador de favicon monta o ícone a partir de letras, um emoji ou um ícone de código aberto e produz o mesmo pacote.
