Generador de favicon
Sube una imagen (PNG, JPG, SVG) o elige un emoji y genera al instante el set favicon completo: 16, 32, 48, 64, 180×180 Apple Touch Icon, 192 y 512 px para PWA, más un favicon.ico multi-tamaño clásico. Arrástralo directamente a tu carpeta /public.
Tu imagen se procesa en tu navegador. Nada se envía a un servidor.
Cómo usar este generador de favicon
- Sube una imagen cuadrada (PNG/JPG/SVG/WebP) o elige un emoji del selector.
- Elige un fondo — transparente, blanco o un color personalizado.
- Visualiza el favicon en cada tamaño estándar: 16, 32, 48, 64, 180, 192, 512.
- Descarga los PNG individuales, el favicon.ico multi-tamaño o copia las etiquetas HTML <link> para tu sitio.
Preguntas frecuentes
¿Qué tamaños se generan?
PNG en 16, 32, 48 y 64 px (favicons de navegador), 180×180 (Apple Touch Icon), 192 y 512 px (iconos PWA / manifest), más un .ico multi-tamaño con 16, 32 y 48 px.
¿Puedo usar un emoji en lugar de una imagen?
Sí. Elige cualquier emoji del selector — se renderiza en un canvas a cada tamaño, con fondo transparente o color fijo a tu elección.
¿Qué etiquetas HTML necesito?
La herramienta genera etiquetas <link rel="icon">, <link rel="apple-touch-icon"> y entradas de manifest listas para copiar y pegar con los tamaños y rutas correctos.
¿Por qué mi favicon aparece borroso a 16×16 aunque subí una imagen de alta resolución?
Los logos detallados pierden nitidez al reducirse a una cuadrícula de 16 píxeles — simplemente no hay espacio para líneas finas o texto pequeño. Diseña para el tamaño más pequeño primero: una letra gruesa, un monograma o una forma de icono funciona mejor que un logo completo reducido.