Qué es un favicon y cómo ponerlo en tu página web
euflo · 26 de septiembre de 2026
¿Ves ese iconito en la pestaña?
Abrí cualquier página web. En la pestaña del navegador, a la izquierda del nombre, hay un pequeño ícono. Eso es un favicon. Es como la "cara" de tu sitio.
Tip: Un favicon hace que tu página se vea profesional. Además, cuando la gente tiene 10 pestañas abiertas, tu favicon hace que la encuentren rápido.
¿Por qué es importante?
Cuando alguien guarda tu página en favoritos, ve tu favicon. Cuando tiene muchas pestañas abiertas, ve tu favicon. Es pequeño, pero cuenta.
Paso 1: Creá tu favicon
En IMAGEBG → Tu logo, crea tu logo. Luego, descargá la versión "favicon" (es más chiquita, tiene que verse bien en 16×16 píxeles).
Info: Un favicon puede ser tu logo, la inicial de tu nombre, o un símbolo que te represente. Algo simple y que se entienda aunque sea pequeño.
Paso 2: Cargá el favicon en tu página
Si usás WordPress, Wix o similar:
| Plataforma | Dónde encontrarlo |
|---|---|
| WordPress | Apariencia → Personalizar → Identidad del sitio |
| Wix | Configuración del sitio → Favicon |
| Shopify | Configuración de la tienda → Favicon |
🎯 Lo que vas a aprender
- Qué es un favicon
- Por qué se ve en la pestaña
- Cómo crearlo en 2 clicks
- Cómo agregarlo a tu página
Si tenés una página hecha a mano (HTML)
Pegá esto en la sección <head> de tu página:
<link rel="icon" href="tu-favicon.png" type="image/png">Cambia "tu-favicon.png" por el nombre del archivo que descargaste.
Cuidado: El favicon tiene que ser cuadrado (mismo ancho que alto). Si no lo es, tu navegador lo estira y se ve feo.