[SOLUCIONADO] iconos en acceso directos a webs

javicruzgv · #1 (**permalink**) 24/03/2014, 06:50

Buenas, cuando creo un acceso directo, por ejemplo de la web de facebook, me aparece un icono personalizado, como puedo hacer que en mis webs, cuando se les cree un acceso directo aparezca un icono personalizado y no el del navegador.

Gracias.

pzin · #2 (**permalink**) 24/03/2014, 07:53

Añadiendo un favicon:

Código HTML:

Ver original<head>
  <link rel="icon" type="image/png" href="ruta/al/favicon.png">
</head>

También puedes usar un archivo .ico.

PHPeros · #3 (**permalink**) 24/03/2014, 08:27

Cita:

Iniciado por pzin

Añadiendo un favicon:

Código HTML:

Ver original<head>
  <link rel="icon" type="image/png" href="ruta/al/favicon.png">
</head>

También puedes usar un archivo .ico.

Utilizando las dos palabaras: tanto "shortcut" como "icon" consigues una solución cross browser:

Código HTML:

Ver original<head>
  <link rel="shortcut icon" type="image/png" href="ruta/al/favicon.png">
</head>

¿Por qué negarse a ella?

CircuitoX · #4 (**permalink**) 24/03/2014, 08:53

Cita:

Iniciado por javicruzgv

Buenas, cuando creo un acceso directo, por ejemplo de la web de facebook, me aparece un icono personalizado, como puedo hacer que en mis webs, cuando se les cree un acceso directo aparezca un icono personalizado y no el del navegador.

Gracias.

Si te refieres a los accesos directos de windows, entonces esto lo puedes personalizar mediante los iconos del sistema y tambien bajando o cargando iconos con extensión .ico

javicruzgv · #5 (**permalink**) 24/03/2014, 10:35

Para que aparezca el favicon lo tengo claro, a lo que me refería yo es que cuando creo el acceso directo de la página web de Facebook en Android me lo crea con un icono de facebook y no con el que por defecto pone android. ¿Sabéis como se hace eso?

pzin · #6 (**permalink**) 24/03/2014, 12:28

Algo así pues:

Código HTML:

Ver original<link rel="apple-touch-icon" href="icono.png">
<link rel="apple-touch-icon-precomposed" href="icono2.png">

Se supone que funciona tanto para iOS como para Android.

javicruzgv · #7 (**permalink**) 25/03/2014, 01:41

gracias a todos, he encontrado esto por la web y me ha parecido interesante ponerlo aqui.

Cómo crear iconos para navegadores, iPhone, iPad, Android, Windows 8 y MAC