◐ Generador de Paletas de Color▦ Generador de Código QR — Gratis, Sin Marca de Agua◧ Compresor de Imágenes — WebP, AVIF, JPEG◆ Generador de Favicon — Set Completo + ManifestAa Tipografía Fluida — Generador CSS clamp()◑ Verificador de Contraste WCAG◫ Generador CSS Glassmorphism▣ Generador de Box Shadow CSS〈s〉 Optimizador y Minificador SVGtw Conversor CSS a Tailwindjs{} CSS a JS / Styled Components⚏ Generador de Mesh Gradient
◆

Generador de Favicon — Set Completo + Manifest

Generar todos los tamaños de favicon desde un SVG o PNG

Genera un paquete completo de favicons desde cualquier SVG o imagen: todos los tamaños PNG (16×16 a 512×512), archivo .ico y Web App Manifest. Todo lo que necesitas para navegadores modernos y soporte PWA. Creador de favicons gratuito — sin registro.

IMAGEN FUENTE
FONDO
◆ Sube una imagen para generar el set de favicons

// guía rápida

Un favicon (abreviatura de icon favorito) es un archivo que contiene uno o más iconos pequeños asociados a un sitio o página web. Los estándares web modernos requieren favicons en múltiples formatos y tamaños para dar soporte a navegadores de escritorio, pantallas de inicio móviles y Aplicaciones Web Progresivas (PWAs).

Cómo usar esta herramienta:

  • Selecciona tu imagen de origen (se recomienda SVG por el escalado, pero también se admiten PNG/JPG).
  • La herramienta procesará automáticamente la imagen y generará el conjunto completo de tamaños requeridos (16x16, 32x32, 180x180, 192x192, 512x512).
  • Genera un archivo favicon.ico listo para usar para soporte de navegadores antiguos y un archivo site.webmanifest para PWAs.
  • Copia el fragmento de código HTML generado y descarga el archivo zip completo con todos tus favicons.

// preguntas frecuentes

¿Por qué necesito un archivo webmanifest para mi favicon?

Un archivo webmanifest define metadatos para las Aplicaciones Web Progresivas (PWAs), indicándole a los dispositivos móviles cómo mostrar tu sitio web cuando se guarda como un icono en la pantalla de inicio del usuario, incluyendo el nombre de la app y los iconos de inicio.

¿Es mejor SVG que PNG para los favicons?

Sí. SVG es un formato vectorial, lo que significa que escala infinitamente sin pixelarse. Los navegadores modernos pueden usar favicons SVG directamente, aunque se siguen generando archivos PNG e ICO para máxima compatibilidad.

¿Qué tamaños se incluyen en el paquete de favicons generado?

El paquete incluye tamaños de 16x16 y 32x32 para pestañas de navegador, 180x180 para iconos táctiles de Apple, 192x192 y 512x512 para Android/PWA, y un archivo ICO multiresolución (16/32/48).