Sobre esta ferramenta
O Apple Touch Icon identifica um site quando este é adicionado ao ecrã principal de um dispositivo Apple. Coloque o seu logótipo num fundo quadrado de cor sólida e obtenha PNG nos tamanhos habituais e as respetivas referências HTML.
Como utilizar
- Selecione ou arraste uma imagem PNG, JPG/JPEG ou WebP estático.
- Mantenha o fundo branco ou escolha outra cor sólida. Ajuste o enquadramento, o recorte e as margens.
- Utilize o tamanho predefinido de 180×180 ou selecione outros tamanhos e gere os ícones.
- Descarregue os PNG ou o ZIP, copie as referências HTML e confirme os caminhos dos ficheiros.
Tamanhos disponíveis
- Por predefinição, é gerado apple-touch-icon.png com 180×180, adequado às necessidades mais comuns de um site.
- Pode ainda selecionar 120×120, 152×152 e 167×167 para corresponder a outros dispositivos ou a configurações existentes.
Como são criados os ícones
- Ajustar a imagem inteira mantém as proporções e preenche o espaço livre com o fundo escolhido. Recortar ao centro utiliza o quadrado central. Nenhuma das opções estica a imagem.
- A margem é calculada por lado: com 10%, o conteúdo ocupa cerca de 80% da largura e da altura finais.
- Para tamanhos pequenos, como 16×16, escolha contornos simples e bom contraste. Fotografias complexas e texto pequeno podem perder legibilidade; confira o tamanho real.
Aceita PNG, JPG/JPEG e WebP estático. Limites por ficheiro: 100 MiB, 40 milhões de píxeis e 16384 píxeis por lado. Imagens grandes podem exigir mais tempo e memória.
Como utilizar o Apple Touch Icon
- A predefinição usa um fundo branco opaco e margens de 10% por lado. Os logótipos transparentes são colocados sobre o fundo escolhido, evitando cores de fundo inesperadas.
- O resultado é um quadrado completo, sem cantos recortados. O dispositivo define o arredondamento e a aparência final; as margens mantêm o motivo afastado das extremidades.
- As referências HTML usam apple-touch-icon e incluem apenas os tamanhos gerados. Coloque os ficheiros nas localizações indicadas.
Privacidade
As imagens, os emojis e os ícones gerados são processados apenas no navegador e não são enviados para um servidor.
A ferramenta não guarda automaticamente as imagens nem os resultados. Descarregue os ícones antes de limpar ou sair da página e conserve os originais.
Perguntas frequentes
O que é um Apple Touch Icon?
É o ícone PNG usado quando um site é adicionado ao ecrã principal de um dispositivo Apple, normalmente indicado por uma referência apple-touch-icon na página.
Que tamanho devo escolher?
O tamanho predefinido de 180×180 serve para a maioria das necessidades comuns. Se precisar de corresponder a uma configuração existente ou a outros dispositivos, selecione tamanhos adicionais.
Porque é aconselhável um fundo opaco?
Um fundo de cor sólida permite controlar a cor à volta de um logótipo transparente e evita que cada ambiente preencha essas áreas de forma inesperada.
Devo arredondar os cantos do ícone?
Normalmente, não é necessário. A ferramenta gera um PNG quadrado e deixa o dispositivo aplicar a sua própria aparência.
Como utilizo o ícone descarregado?
Copie o HTML gerado e coloque o ícone no caminho indicado. O ficheiro de 180×180 chama-se apple-touch-icon.png; os restantes usam os nomes apresentados no resultado.