En este artículo
¿Qué es un favicon?
Un favicon (abreviatura de «favorite icon») es el pequeño icono que se muestra en las pestañas del navegador, las listas de marcadores y las pantallas de inicio de dispositivos móviles junto al nombre de tu sitio web. Es uno de los primeros elementos visuales de marca que notan los visitantes y juega un papel clave en el reconocimiento del sitio.
Los navegadores y dispositivos modernos esperan favicons en múltiples tamaños — desde 16×16 píxeles para las pestañas del navegador hasta 512×512 para las pantallas de inicio de Progressive Web Apps. Proporcionar el conjunto correcto de tamaños asegura que tu icono se vea nítido en cada dispositivo y contexto.
Cómo funciona nuestro generador de favicons
El generador de favicons de CheckTown funciona completamente en tu navegador — no se sube ningún archivo a un servidor:
- Sube cualquier imagen (JPEG, PNG o WebP) — idealmente un logo o icono cuadrado — arrastrando o seleccionando el archivo
- La herramienta genera todos los tamaños estándar (16×16, 32×32, 48×48, 64×64, 128×128, 192×192, 256×256, 512×512) como archivos PNG
- Copia los fragmentos HTML y de manifiesto web listos para usar, luego descarga tamaños individuales o todos a la vez
Pruébalo gratis — sin registro
Generar favicons →Cuándo usar un generador de favicons
Todo sitio web necesita favicons, y generarlos correctamente importa en varios contextos:
- Lanzamiento de nuevo sitio web — genera todos los tamaños necesarios desde una sola imagen fuente para que tu marca aparezca correctamente en pestañas, marcadores e instalaciones de PWA
- Cambio de marca — cuando tu logo cambia, regenera el conjunto completo de favicons para actualizar todos los puntos de contacto de manera consistente
- Desarrollo PWA — las Progressive Web Apps requieren iconos de 192×192 y 512×512 en el manifiesto web para las solicitudes de instalación y pantallas de inicio
Preguntas frecuentes
¿Qué imagen debo usar como fuente?
Usa una imagen cuadrada (proporción 1:1) con un diseño simple y reconocible. Los logos complejos con texto fino pueden ser ilegibles a 16×16. Un icono minimalista o una marca de letra funciona mejor. PNG con transparencia es ideal.
¿Necesito todos los tamaños generados?
Como mínimo necesitas 16×16 y 32×32 para pestañas del navegador, más 180×180 para Apple Touch Icon y 192×192 + 512×512 para manifiestos PWA. Los otros tamaños mejoran la compatibilidad en diferentes navegadores y dispositivos.
¿Se sube mi imagen a un servidor?
No. Todo el redimensionamiento y procesamiento ocurre localmente en tu navegador usando Canvas API. Tu imagen nunca sale de tu dispositivo.