Um ícone de toque da Apple e um favicon estão relacionados, mas não são o mesmo ficheiro com a mesma finalidade. Um favicon está geralmente associado a separadores do navegador, favoritos e cromo do navegador familiar. Um ícone de toque da Apple destina-se às superfícies de atalho dos dispositivos Apple, onde o site pode parecer mais um ícone de uma aplicação.
A confusão é compreensível porque ambos os ficheiros partem da mesma marca em muitos projetos. A arte original pode ser uma imagem quadrada, mas a embalagem precisa de servir superfícies diferentes. É por isso que um fluxo de trabalho moderno de favicon não deve parar num único ficheiro favicon.ico.
O que faz um favicon
Um favicon é o pequeno marcador visual que os utilizadores veem nos separadores do navegador, nos favoritos, no histórico e nas interfaces relacionadas do navegador. Ajuda os utilizadores a reconhecer o site rapidamente quando várias abas estão abertas.
O ficheiro clássico é favicon.ico, embora muitas configurações modernas também incluam ficheiros de ícones PNG. Para lançamentos rotineiros de websites, manter favicon.ico no pacote ainda é prático porque cobre as expectativas familiares e os caminhos de compatibilidade.
O que faz um ícone de toque da Apple
Um ícone de toque da Apple é utilizado quando um website é guardado em superfícies de dispositivos Apple, como atalhos do ecrã inicial. Não é apenas um pequeno marcador de aba. Precisa de funcionar como um ícone num contexto mais parecido com um aplicativo.
Isto muda a pressão do design. O ícone do separador do navegador pode ser extremamente pequeno. Um ícone de toque pode parecer maior, mas também precisa de parecer limpo, centralizado e reconhecível como uma marca independente. A mesma arte original pode funcionar para ambos se for simples e quadrada, mas os resultados ainda precisam de ser empacotados corretamente.
Porque é que os sites modernos geralmente precisam de ambos
Se o seu website tiver apenas um favicon, a experiência do navegador de desktop pode parecer boa, enquanto as superfícies de atalhos móveis parecem incompletas ou inconsistentes. Se o seu pacote se concentrar apenas em ícones de toque, ainda poderá perder o caminho tradicional dos separadores do navegador.
Para o lançamento de SaaS, site de documentação, microsite de produto ou pequena aplicação web, a resposta prática é geralmente ambas. Pretende um pacote que cubra os separadores do navegador e os atalhos semelhantes a aplicações, sem solicitar que alguém exporte manualmente cada variante de ícone.
É aqui que se encaixa o Favicon/App Icon Generator. Gera favicon.ico, ícones PNG, ícones de toque da Apple, ícones prontos para Android e um inicial site.webmanifest a partir de uma imagem de origem quadrada.
A arte original é a restrição partilhada
O maior fator de qualidade é a imagem de origem. A mesma marca tem de sobreviver a múltiplas superfícies e tamanhos. Ilustrações detalhadas, texto pequeno e arte de ponta a ponta apresentam frequentemente um desempenho insatisfatório. Uma forma simples com enchimento suficiente tem maior probabilidade de permanecer reconhecível.
O Converty inclui uma opção circular para saídas de browser e Android, enquanto os ícones tácteis da Apple permanecem quadrados. Isto é importante quando a marca da sua marca funciona melhor dentro de uma moldura circular, mas ainda assim quer que as superfícies da Apple mantenham o tratamento quadrado esperado.
A decisão prática
Utilize um favicon quando precisar de reconhecimento do browser. Utilize um ícone de toque da Apple quando se preocupa com as superfícies de atalho da Apple. Utilize um pacote completo quando quiser que o site pareça concluído em ambos.
Para uma lista de verificação de ficheiros mais detalhada, leia Que ficheiros precisa num pacote Favicon?. Quando estiver pronto para exportar os ativos, abra o Favicon/App Icon Generator, carregue uma imagem de origem quadrada, reveja o pacote e descarregue o ZIP.
