¿Qué archivos genera?

Genera seis iconos PNG cuadrados (16, 32, 48, 180, 192 y 512 px), un manifiesto site.webmanifest y un fragmento HTML de listo para copiar que los enlaza. Cada PNG puede descargarse por separado o todos juntos como un paquete.

¿Qué formatos de imagen puedo subir?

Puedes arrastrar o buscar una sola imagen PNG, JPG, SVG o WebP. La herramienta lee esa única imagen de origen y renderiza a partir de ella todos los tamaños de salida.

¿Los iconos son archivos PNG o ICO?

Todos los iconos generados son PNG. La herramienta produce archivos PNG cuadrados individuales para cada tamaño en lugar de un único archivo ICO combinado, que es lo que esperan los navegadores y las PWAs modernos.

¿Se estirará mi imagen si no es cuadrada?

No. Cada tamaño conserva la relación de aspecto original y se centra dentro del cuadrado mediante un escalado de canvas de alta calidad, con relleno transparente que ocupa el espacio sobrante.

¿Se sube mi imagen a un servidor?

No. Todo se ejecuta localmente en tu navegador usando la Canvas API. Tu imagen nunca se sube, así que permanece completamente privada en tu propio dispositivo.

Generador de paquetes de favicon

Convierte una imagen en un paquete completo de favicons multiplataforma con PNG, un manifiesto web y un fragmento HTML para la cabecera, en tu navegador.

Cargando herramienta…

Generador de paquetes de favicon — Suelta una sola imagen PNG, JPG, SVG o WebP y obtén al instante un paquete de favicons completo: iconos PNG cuadrados de 16, 32, 48, 180 (Apple touch), 192 y 512 px (Android/PWA), además de un site.webmanifest listo para pegar y un fragmento HTML para la sección head que los enlaza todos. Cada tamaño se genera con un escalado de canvas de alta calidad y se puede descargar por separado o como un único paquete. Todo ocurre localmente en tu navegador: tu imagen nunca se sube.

¿Qué es Generador de paquetes de favicon?

El Generador de paquetes de favicon es una herramienta gratuita basada en el navegador que convierte una imagen de origen en todos los archivos de favicon que necesita un sitio web moderno. Está pensado para desarrolladores web, diseñadores y propietarios de sitios que quieren un conjunto de iconos listo para usar en HTML, WordPress, PWAs y dispositivos Apple sin instalar software ni registrarse. Arrastra una sola imagen y genera favicons estándar de 16, 32 y 48 px, un icono Apple touch de 180 px e iconos Android/PWA de 192 y 512 px, además de un site.webmanifest a juego y un fragmento con etiquetas link y meta para la sección head, listo para copiar. Úsalo siempre que quieras empaquetar un logo en archivos de favicon listos para desplegar, todo en tu propio dispositivo.

Cómo usar Generador de paquetes de favicon

Arrastra una imagen PNG, JPG, SVG o WebP a la zona de soltar, o haz clic en ella para buscar y elegir un archivo de tu dispositivo.
Espera mientras la herramienta renderiza automáticamente los seis tamaños cuadrados; debajo aparecerá una vista previa de tu imagen de origen y de cada icono generado.
Haz clic en la imagen de origen o en cualquier miniatura para abrir la lightbox de zoom y ver cómo se ve a ese tamaño en píxeles.
Pulsa un botón de descarga por tamaño para guardar un solo icono, por ejemplo únicamente el favicon de 32 px o el icono PWA de 512 px.
Copia el site.webmanifest y el fragmento HTML de <head> para conectar los iconos a tu sitio y pégalos en tu proyecto.
Haz clic en Descargar paquete para guardar de una vez todos los PNG junto con el archivo site.webmanifest.

Ejemplos

De logo a paquete completo de favicons

Arrastra un logo PNG cuadrado y obtén favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png y android-chrome-512x512.png, listos para colocar en tu carpeta public junto a site.webmanifest.

Conéctalo a la cabecera HTML

Copia el fragmento de <head> con etiquetas link y manifest y pégalo entre las etiquetas <head> de tu página para que los navegadores y las PWAs elijan el icono correcto en cada contexto.

Descarga solo los iconos Apple y PWA

Deja que se renderice el paquete y luego descarga individualmente solo el icono Apple touch de 180 px y los iconos Android/PWA de 192 y 512 px, en lugar de guardar todo el lote.

Preguntas frecuentes

¿Qué archivos genera?: Genera seis iconos PNG cuadrados (16, 32, 48, 180, 192 y 512 px), un manifiesto site.webmanifest y un fragmento HTML de <head> listo para copiar que los enlaza. Cada PNG puede descargarse por separado o todos juntos como un paquete.
¿Qué formatos de imagen puedo subir?: Puedes arrastrar o buscar una sola imagen PNG, JPG, SVG o WebP. La herramienta lee esa única imagen de origen y renderiza a partir de ella todos los tamaños de salida.
¿Los iconos son archivos PNG o ICO?: Todos los iconos generados son PNG. La herramienta produce archivos PNG cuadrados individuales para cada tamaño en lugar de un único archivo ICO combinado, que es lo que esperan los navegadores y las PWAs modernos.
¿Se estirará mi imagen si no es cuadrada?: No. Cada tamaño conserva la relación de aspecto original y se centra dentro del cuadrado mediante un escalado de canvas de alta calidad, con relleno transparente que ocupa el espacio sobrante.
¿Se sube mi imagen a un servidor?: No. Todo se ejecuta localmente en tu navegador usando la Canvas API. Tu imagen nunca se sube, así que permanece completamente privada en tu propio dispositivo.

Herramientas relacionadas

Código a imagen

Convierte un fragmento de código en una imagen PNG pulida con resaltado de sintaxis en tu navegador, con tema, fondo de degradado o transparente y relleno, sin subir nada.

Verificador de contraste de color

Comprueba la relación de contraste WCAG entre un color HEX de primer plano y uno de fondo, y si cumple AA y AAA para texto normal y grande.

Mezclador de colores

Mezcla dos colores HEX en la proporción que elijas, en espacio RGB o Lab, y obtén el color intermedio como muestra y valor HEX copiable.

Generador de tonos de color

Convierte un color HEX base en una escala de tonos 50-950 al estilo Tailwind, mezclando hacia blanco y negro, con muestra y HEX copiable.