Per què l'iPhone necessita una icona d'inici separada?
La icona d'un web desat no és simplement un ICO ampliat. Prepara una imatge específica.
Exporta PNG
Crea un PNG quadrat de l'original; 180×180 és un punt de partida habitual per a iPhone. Consulta Apple per als dispositius objectiu i dissenya fons i marges.
Declara la icona tàctil
rel="apple-touch-icon" ha d'apuntar al PNG públic. Adapta l'exemple i revisa l'HTML final del CMS per detectar duplicats o rutes incorrectes.
Afegeix una drecera nova
Elimina l'antiga drecera de prova i torna a afegir el web en un dispositiu real. IcoJet exporta ICO; crea el PNG tàctil per separat a l'editor.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Fonts i lectures
Apple — Web Clip icons ↗MDN — link ↗