Descargar un favicon o icono de un sitio web

Ya hemos hablado por aquí un poquito del mundo de los faviconos: esos pequeños iconos que aparecen en la barra de direcciones de tu navegador identificando a la página web en la que estás:

Concretamente os explicamos cómo crearlos y os ofrecimos una selección de 50 para inspiraros así que hoy toca algo muy sencillo: descargarlos.

¿Y por qué descargarlos? Pues una buena razón desde mi punto de vista es que pueden servir de iconos para ilustrar listas a modo de “topillos” ya que tienen un tamaño ideal: 15×15.

ScreenShot046.jpg

Faviconiac.com es una página muy sencilla para descargar este tipo de imágenes. Sólo tienes que indicarle la dirección de la que quieres obtener el favicon y te hace una transformación sobre la marcha para obtenerlo en formato PNG.

Por ejemplo, para obtener el favicon de blogoff sólo escribe en tu navegador:

http://www.faviconiac.com/favicon/blogoff.es

Si quieres el de otra web, sustituye “blogoff.es” por “google.es”, “youtube.com”, “marca.com” o la que que corresponda. Luego en tu navegador haz click con el botón derecho encima del icono y selecciona “guardar imagen como”.

También puedes usar Faviconiac para insertar los iconos directamente en tu web a través del siguiente código HTML:

<img src="http://www.faviconiac.com/favicon/google.com" alt="favicon" />

Publicado por

Juan García

Divulgador tecnológico y formador. Creo en la tecnología como herramienta para formar ciudadanos más libres y felices. + Sobre mí en http://about.me/juangarciaalvarezdetoledo

5 comentarios sobre “Descargar un favicon o icono de un sitio web”

  1. Bueno, si no me equivoco tambien puedes descargarte el favicon de una web de una manera mas facil (aunque no siempre funciona en la mayoria de los casos si)

    Escribe en tu navegador (ejemplo para este sitio)

    http://www.blogoff.es/favicon.ico

    Se te cargará el icono en el navegador, luego le das a boton derecho encima de la imagen y guardar imagen como y listo ;)

    PD: no siempre funciona pues depende de el sitio donde el webmaster haya ubicado el icono, pero la mayoria de sitios webs lo guardan en la raiz y con ese nombre.

    Saludos

  2. Hola kr0n, ten en cuenta que la recomendación actual del W3C es que se indique la ruta del favicon en el código HTML, por lo que muchas páginas no lo ponen en el raíz, y no te serviría ese método.

    El servicio de faviconiac soluciona eso y permite otras ventajas: PNGs optimizados (ocupan menos que un icono), al estar en PNG se pueden ver en cualquier navegador, se cachean…

    Podeis probar el addon de Firefox que ya existe, Faviconiac Search Engines, que muestra estos iconos en los resultados de búsqueda de Google, Yahoo, Ask, los enlaces externos de la Wikipedia… Enlace: http://addons.mozilla.org/addon/10618

    Solo un apunte al artículo, los favicons son, normalmente, de 16×16 píxels ;) Un saludo

Los comentarios están cerrados.