Porque precisa o iPhone de outro ícone no ecrã principal?
O ícone de um site adicionado ao ecrã principal não é simplesmente um ICO ampliado. Prepare um recurso próprio.
Exportar PNG
Crie um PNG quadrado a partir do original; 180×180 é um ponto de partida comum para iPhone. Consulte os dispositivos previstos na documentação Apple e cuide do fundo e das margens.
Declarar o ícone tátil
rel="apple-touch-icon" deve apontar para o PNG público. Adapte o exemplo e examine o HTML final do CMS para detetar duplicados ou caminhos incorretos.
Adicionar um novo atalho
Remova o atalho de teste anterior e volte a adicionar o site num dispositivo real. O IcoJet exporta ICO; crie o PNG tátil separadamente no editor.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Fontes e leitura adicional
Apple — Web Clip icons ↗MDN — link ↗