¿Qué es un favicon?

Es el ícono pequeño que aparece en la pestaña del navegador. Ayuda a que tu marca sea reconocible.

Herramienta gratuita

Generador de favicon para sitio web

Creá un favicon profesional con las iniciales de tu marca. Descargá en PNG 16x16, 32x32 y 180x180 para todos los navegadores.

← Todas las herramientas

Marca

Iniciales y colores

Dos letras máximo; generamos 16, 32 y 180 px para web y Apple Touch Icon.

Iniciales (máx. 2)

Color de fondo

#D97706

Color del texto

#000000

Ingresá las iniciales de tu marca para generar el favicon.

Tu favicon listo con Orbitienda

Empezá gratis

Sobre esta herramienta

El favicon es ese pequeño ícono que aparece en la pestaña del navegador al lado del título de tu página. Aunque parece un detalle menor, es clave para el reconocimiento de tu marca. Cuando un usuario tiene muchas pestañas abiertas, el favicon es lo primero que ve para identificar tu sitio. Sin uno, tu tienda se ve genérica e improvisada.

Más contexto

Con este generador podés crear un favicon profesional en segundos usando las iniciales de tu marca. Elegí el color de fondo, el color del texto y descargá las tres versiones necesarias: 16×16 para la pestaña del navegador, 32×32 para la barra de favoritos y 180×180 para dispositivos Apple. Todo se genera en tu navegador, sin subir nada a ningún servidor. Es gratis y sin registro.

Guía ampliada, SEO y buenas prácticas

Un favicon bien hecho mejora la percepción profesional de tu tienda online. Estos son los puntos clave que tenés que saber:

• Tamaños necesarios: Los navegadores modernos usan 16×16 y 32×32 píxeles. iOS necesita el Apple Touch Icon de 180×180 para cuando alguien agrega tu tienda a la pantalla de inicio del celular. Con estos tres tamaños cubrís el 99% de los dispositivos.

• Formato PNG: Aunque el formato .ico fue el estándar por años, hoy todos los navegadores soportan PNG. Es más liviano, soporta transparencia y se ve más nítido en pantallas retina.

• Colores que funcionan: Usá el color principal de tu marca como fondo. Las letras deben contrastar lo suficiente para ser legibles incluso a 16 píxeles. Evitá degradados o detalles finos que se pierden en tamaños pequeños.

• Implementación en tu sitio: Subí los archivos a la raíz de tu sitio y agregá las etiquetas link correspondientes en el head de tu HTML. Si usás Orbitienda, el favicon se configura automáticamente desde el panel de administración.

• Consistencia visual: Tu favicon debería ser coherente con el logo de tu marca. Si tu logo tiene muchos detalles, simplificalo a una o dos letras. Las iniciales son la opción más segura para que se vea bien en cualquier tamaño.

• Testeo: Probá tu favicon en distintos navegadores y en modo oscuro. Chrome, Firefox y Safari pueden renderizar los colores de forma ligeramente diferente. Un fondo muy claro puede desaparecer en la pestaña del navegador en modo light.