iphone

Crear un icono Apple Touch Icon para iPhone y iPad

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:

[message_box type=»info»]

<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» />

[/message_box]

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á.