Entre com um logo, saia com um ZIP: favicon.ico, PNGs para Apple e Android e o HTML para colar.
favicon.ico (16, 32 e 48 em um arquivo), favicon-16/32/48.png, apple-touch-icon.png (180, tela de início do iOS), icon-192.png e icon-512.png (Android e PWA), site.webmanifest e as linhas para o seu head. Tudo em um único ZIP.
Um PNG quadrado de 512px ou mais, ou um SVG. Um logotipo horizontal fica centralizado com espaços vazios nas laterais, por isso um símbolo isolado se adapta muito melhor a 16px; letras ficam ilegíveis nesse tamanho.
Fundos transparentes parecem naturais em abas e favoritos, enquanto o iOS pode preencher áreas transparentes de ícones da tela de início com uma cor sólida (geralmente preto), por isso definir um fundo é mais seguro nesse caso. O iOS arredonda os cantos por conta própria, então o apple-touch-icon normalmente é deixado quadrado. iOS, Android e Windows são marcas registradas da Apple, Google e Microsoft, respectivamente; o Keepdesk não é afiliado, patrocinado ou endossado por elas.
Coloque os arquivos na raiz do seu site (/) e cole as linhas de snippet.html em . Se o ícone antigo continuar aparecendo devido ao cache, adicione ?v=2 aos URLs.
Não. O redimensionamento, o empacotamento ICO e a compactação em ZIP acontecem no seu navegador.
Qualquer SVG que o navegador consiga renderizar. Arquivos SVG que fazem referência a fontes ou imagens externas podem perder essas partes.
PNG-in-ICO é lido por navegadores modernos e versões recentes do Windows, mas ambientes muito antigos podem ler apenas ICOs baseados em BMP. Mantenha o favicon-32.png junto para esses casos.
Você recebe um ZIP contendo um favicon.ico com vários tamanhos, diversos ícones em PNG, um manifesto web e os snippets de link HTML necessários.
Sim, você pode escolher entre os formatos quadrado, arredondado ou circular para o seu ícone.
Não, ela não remove fundos. Por favor, use uma ferramenta de remoção de fundo antes se precisar de uma imagem de origem transparente.
Sim, você pode aplicar 0%, 8% ou 15% de espaçamento para garantir que seu ícone não seja cortado nas bordas.