Arraste uma imagem para aqui ou clique para escolher
PNG, JPG, WebP ou SVG — imagens quadradas funcionam melhor
Opções
O iOS mostra um fundo preto e o Android um fundo branco atrás de ícones transparentes — escolha uma cor sólida se a sua imagem tiver transparência.
Pré-visualização
Separadores do Navegador e Resultados de Pesquisa
Claro
oseusite.pt
O Título do Seu Site
Uma breve descrição do seu site aparece aqui nos resultados do Google.
Escuro
oseusite.pt
O Título do Seu Site
Uma breve descrição do seu site aparece aqui nos resultados do Google.
Ícone Apple Touch
Ícone Android
Adicione isto ao seu <head>
Gerador de Favicon
Carregue qualquer imagem e obtenha um conjunto de favicon completo e moderno — favicon.ico, ícones PNG para separadores do navegador, um ícone Apple touch para os ecrãs iniciais do iOS, ícones Android Chrome e um manifesto de aplicação web — tudo num ZIP, pronto para a pasta raiz do seu site. Também pode escolher uma cor de fundo sólida (útil porque o iOS mostra um fundo preto e o Android um fundo branco atrás de ícones transparentes), ajustar o preenchimento, definir uma cor de tema e dar um nome à sua app para o manifesto web.
Como funciona
A sua imagem nunca é enviada nem armazenada nos nossos servidores. O favicon.ico gerado incorpora um PNG de 48×48 no formato moderno PNG-em-ICO suportado por todos os navegadores atuais e pelo Windows desde o Vista, juntamente com favicon-96x96.png, favicon-192x192.png, favicon-512x512.png e um ícone Apple touch — tudo empacotado com um manifesto web num único ZIP. Se a sua imagem de origem for, ela própria, um SVG, o original também é incluído como favicon.svg para navegadores que suportam favicons vetoriais escaláveis.
Exemplo prático
Carregue o seu logótipo, ajuste o fundo, o preenchimento, a cor do tema, o nome da app ou o caminho base se quiser, e clique em Transferir ZIP — vai receber favicon.ico, favicon-96x96.png, favicon-192x192.png, favicon-512x512.png, apple-touch-icon.png e site.webmanifest (mais favicon.svg se carregou um SVG), juntamente com um trecho HTML pronto a colar no <head> da sua página que se atualiza em tempo real ao alterar o caminho base.