¿Algo va mal con esta herramienta?
Sobre «Generador De Favicon En Línea»
Esta herramienta genera un conjunto completo de favicons a partir de una sola imagen fuente. La salida incluye el clásico favicon.ico, variantes PNG en varias resoluciones (16, 32, 48, 96, 192, 512), un icono Apple touch y una entrada de manifest web — todo lo que una web moderna necesita para pestañas, marcadores y accesos directos.
Cada navegador y sistema operativo tiene sus propios requisitos. Generar a partir de una imagen y adaptar para todas las plataformas asegura branding consistente en todas partes: iconos de pestaña, barras de marcadores, historial, iconos de app y miniaturas de búsqueda.
Sube una imagen cuadrada de alta resolución (al menos 512×512). La herramienta también genera las etiquetas HTML <link> correspondientes para insertar en el head de la página.
Cómo usar esta herramienta
Cómo generar favicons PNG para tu sitio
Sube una imagen origen
Imagen cuadrada (o casi) en el campo «Source image». Cualquier formato que Sharp lea — PNG, JPEG, HEIC, AVIF, WebP, GIF. Mejor calidad de arte = mejor 16×16.
Qué se genera
Tres PNG cuadrados en tamaños fijos: 16×16, 32×32 y 48×48. Sharp redimensiona con fit: cover, así que las fuentes no cuadradas se recortan al centro en un viewport cuadrado.
Ejecutar
Resultado: array files, una entrada por tamaño — filename (favicon-16x16.png / 32x32 / 48x48), mimeType y datos en base64. Descarga cada uno con su botón.
Conectarlo en HTML
Coloca los PNG en /favicon-16x16.png etc. en el servidor y añade en <head>: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">. Para navegadores sólo-ICO genera un .ico aparte con otra herramienta.