Google Favicon

Como descargar el favicon de una página Web o Website con Google

¿Quieres saber como capturar y descargar el favicon de cualquier página Web o Website?

Es muy sencillo hacerlo gracias a Google, basta con poner esta URL en tu navegador:

http://www.google.com/s2/favicons?domain=www.alexborras.com

Cómo ves se compone de dos partes:

  1. Raíz de la URL de Google: http://www.google.com/s2/favicons?domain=
  2. Dominio del que queremos obtener el faviconwww.alexborras.com

Una vez introducida la URL en la esquina superior derecha del navegador aparecerá la imagen del favicon, tan solo tenemos que hacer clic con botón derecho y descargar o copiar la imagen.

[adinserter name=»Bloque 1″]

¿Qué es el favicon?

El favicon es una pequeña imagen que sirve para identificar a una página web mediante un icono. El tamaño de visualización de 16×16 píxeles. La forma habitual de asociar el icono a una página web era subir un archivo llamado favicon.ico a la raíz del sitio. Con WordPress es frecuente que también podamos asignar una imagen en formato png o jpg desde las opciones de configuración de la plantilla como es el caso de Astra.

Cómo generar un icono favorito

Buscando en Google encontrará numerosas herramientas online para generar tu icono favorito online. El proveedor de hosting IONOS, con el cual trabajo, también ofrece un generador de iconos que te permite darle un toque personal a tu página web.

Personalmente yo suelo usar la herramienta online favicon-generator.org. El funcionamiento es muy sencillo, diseña una imagen cuadrada de lo que quieres que sea tu favicon, puedes usar paint.net, por ejemplo. Una vez la tienes en formato png o jpg, la subes a esta web e inmediatamente te ofrece descargar el favicon.ico o un archivo con todas las versiones que necesitas para PC, Apple retina, varios tamaños, etc.

La historia del favicon

La historia del favicon (abreviatura de «favorite icon») de las páginas web se remonta a 1999. Un favicon es un pequeño icono asociado con un sitio web o una página web en particular. Se utiliza principalmente en la barra de direcciones de un navegador web, en la lista de marcadores (favoritos) y, en algunos navegadores, junto a los nombres de las pestañas o en otros elementos gráficos de la interfaz de usuario.

El concepto fue introducido por Microsoft con el lanzamiento de Internet Explorer 5 en marzo de 1999. La idea era que los sitios web pudieran proporcionar un pequeño icono, generalmente de 16×16 píxeles, que se mostraría en la barra de direcciones del navegador y en la lista de marcadores del usuario para representar el sitio. Esto hacía que los sitios web fueran más fácilmente identificables y ayudaba a los usuarios a encontrar sus sitios favoritos más rápidamente.

El formato original para los favicons era el formato de archivo .ico, que es aún el formato más ampliamente soportado y reconocido para los favicons, aunque los navegadores modernos ahora soportan también imágenes PNG y GIF para esta función.

Desde su introducción, el uso del favicon se ha convertido en una práctica estándar en el diseño web. No solo mejora la usabilidad y la experiencia del usuario, sino que también contribuye a la identidad de marca de un sitio web. Con el tiempo, el concepto de favicon se ha expandido para incluir iconos de mayor resolución para ser utilizados en las pantallas de inicio de los dispositivos móviles, aplicaciones y otros contextos.

Libro de HTML y desarrollo web

¿Interesado en el desarrollo de páginas web? Si es así te recomiendo este libro: Curso de desarrollo Web. HTML, CSS y JavaScript. Edición 2021. Vas a encontrar en él una referencia de los principales aspectos de este tema y obtener los fundamentos necesarios. Después ya puedes decidir la herramienta con la que harás tus páginas. En mi caso hace 14 años que uso WordPress para hacer páginas web y estoy muy satisfecho con esta herramienta.

10 comentarios en “Como descargar el favicon de una página Web o Website con Google”

  1. Depende de la herramienta usada para hacer la Web. Una cosa que puedes probar es subir por FTP a la raíz de tu web un archivo llamado favicon.ico con la imagen que quieres. Formato .ico y tamaño 16×16

  2. Subes la imagen llamada favicon.ico con las medidas que indica Alex a la raiz de tu web y colocas el codigo para llamar la imagen entre las etiquetas head y /head:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Salir de la versión móvil