---
title: "Como descargar el favicon de una página Web o Website con Google"
date: 2022-05-04
author: "Alex Borrás"
source: https://alexborras.com/descargar-favicon-una-pagina-web-website-google/
site: "El Blog de Alex Borrás"
---

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

\[vc\_row\]\[vc\_column\]\[vc\_column\_text\]¿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 **favicon**: www.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.\[/vc\_column\_text\]\[vc\_column\_text\]\[adinserter name=»Bloque 1″\]\[/vc\_column\_text\]\[/vc\_column\]\[/vc\_row\]\[vc\_row\]\[vc\_column\]\[vc\_column\_text\]

Índice de contenidos

- [1 ¿Qué es el favicon?](#Que_es_el_favicon)
- [2 Cómo generar un icono favorito](#Como_generar_un_icono_favorito)
- [3 La historia del favicon](#La_historia_del_favicon)
- [4 Libro de HTML y desarrollo web](#Libro_de_HTML_y_desarrollo_web)

## ¿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](https://alexborras.com/category/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](https://wpastra.com/).\[/vc\_column\_text\]\[/vc\_column\]\[/vc\_row\]\[vc\_row\]\[vc\_column\]\[vc\_column\_text\]

## Cómo generar un icono favorito

Buscando en Google encontrará numerosas herramientas online para generar tu icono favorito online. El [proveedor de hosting IONOS](https://alexborras.com/ionos-11-web-hosting-y-dominios-en-internet/), 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](https://www.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](https://alexborras.com/paintnet-tratamiento-de-imagenes-de-codigo-libre-y-gratis/), 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.\[/vc\_column\_text\]\[/vc\_column\]\[/vc\_row\]\[vc\_row\]\[vc\_column\]\[vc\_column\_text\]

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

\[/vc\_column\_text\]\[/vc\_column\]\[/vc\_row\]\[vc\_row\]\[vc\_column\]\[vc\_column\_text\]

## Libro de HTML y desarrollo web

\[/vc\_column\_text\]\[vc\_row\_inner\]\[vc\_column\_inner\]\[vc\_column\_text\]¿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](https://amzn.to/3J95ZNc). 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](https://alexborras.com/category/wordpress/) y estoy muy satisfecho con esta herramienta.\[/vc\_column\_text\]\[/vc\_column\_inner\]\[/vc\_row\_inner\]\[/vc\_column\]\[/vc\_row\]