Bom artigo de Jon Hicks sobre os detalhes de como fazer ícones favoritos para vários dispositivos / usos.
Mais detalhes sobre tamanhos .
Observações:
– O formato ICO oferece suporte a vários tamanhos, dos quais o Windows usa mais 16×16 e 32×32
– PNG oferece suporte a transparência alfa, vale a pena criar também
“Pré-composto” no nome do arquivo evita o brilho / sombra da Apple:
apple-touch-icon-72×72-precomposed.png => Ícone não terá “brilho” no iOS
apple-touch-icon-72×72.png => Ícone irá tem brilho
OS DOIS ARQUIVOS QUE DEVEMOS FAZER SEMPRE:
favicon.ico => com 16, 32, 48 tamanhos embutidos, use IconBuilder ou IcoMaker
apple-touch-icon-precomposed.png => 144×144 se estiver OK para redimensionar automaticamente
EXTRA:
se o redimensionamento automático do ícone o tornar feio e para mais otimização, eles também podem ser fornecidos:
apple-touch-icon-precomposed.png => 57×57 iphone / touch não retina, android 2.1+
apple-touch- icon-72×72-precomposed.png => iPad de 1ª / 2ª Geração
apple-touch-icon-114×114-precomposed.png => Retina iPhone
apple-touch-icon-144×144-precomposed.png => Retina iPad