Gerador de Apple Touch Icon

Crie o apple-touch-icon de 180×180 que o iOS usa para os favoritos do ecrã principal — mais um conjunto completo de favicons — localmente no seu navegador. Nada é enviado.

Privacidade em primeiro lugar: cada imagem é processada localmente no seu navegador. Nada é enviado, armazenado ou transmitido a nenhum servidor.

O ícone que o iOS coloca no ecrã principal

Quando alguém adiciona o seu site ao ecrã principal do iPhone ou iPad, o iOS procura um apple-touch-icon de 180×180; sem ele, recorre a uma captura de ecrã desfocada. Este gerador compõe esse tamanho exato a partir da sua imagem — com um fundo sólido, uma vez que os apple-touch-icons não devem ser transparentes — e inclui-o na transferência juntamente com o favicon.ico e os ícones Android.

Uma exportação, todas as plataformas

Em vez de recortar à mão um ficheiro separado por dispositivo, gere o conjunto completo de uma só vez: apple-touch-icon para o iOS, PNGs de 192 e 512px para o Android e as PWAs, e favicon.ico para os navegadores de computador, com um excerto de HTML para os referenciar. Tudo é executado no seu navegador, por isso a arte da sua marca nunca sai do seu dispositivo.

Perguntas frequentes

A minha imagem é enviada para criar o favicon?
Não. O favicon.ico, os ícones PNG e o manifesto são todos gerados localmente no seu navegador através da API Canvas. A sua imagem nunca sai do seu dispositivo.
Que tamanhos e ficheiros obtenho?
Um favicon.ico multirresolução (16, 32 e 48px), ícones PNG a 16, 32, 48, 180 (apple-touch-icon), 192 e 512px, um site.webmanifest e um fragmento HTML para colar no seu <head>.
Posso converter um PNG ou SVG em ICO?
Sim. Arraste um PNG, JPG, SVG ou WebP e transfira um verdadeiro favicon.ico. Os logótipos SVG são primeiro rasterizados localmente em alta resolução.
Que imagem funciona melhor?
Uma imagem quadrada com um logótipo simples e de alto contraste. As imagens não quadradas são recortadas ao centro para caberem; use os controlos de preenchimento e de forma para a enquadrar como quiser.
Como instalo o favicon?
Descompacte o pacote na pasta raiz do seu site e cole o fragmento HTML fornecido no <head> das suas páginas. O favicon.ico é detetado automaticamente pela maioria dos navegadores.