Os acordáis de favicon.ico, bueno, pues ahora ya es imprescindible poner también en tu Web profesional un icono Apple Touch Icon, para su correcta visualización en iPhone, iPod Touch y iPad.
Tan sencillo como seguir los siguientes pasos.
Añadir en el HEAD:
<link rel=»apple-touch-icon» href=»/touch-icon-iphone.png» />
<link rel=»apple-touch-icon» sizes=»72×72″ href=»/touch-icon-ipad.png» />
<link rel=»apple-touch-icon» sizes=»114×114″ href=»/touch-icon-iphone4.png» />
Crear 3 imágenes con formato .png con una resolución mínima recomendada de 72 dpi y con las siguientes dimensiones:
iPhone y iPod Touch: 57×57 px.
iPad: 72×72 px.
iPhone 4+: 114×114 px.
Subirlas a raíz de la Web, y ya está.