Generador de favicones gratis
Convierta cualquier imagen en un paquete de favicon completo: un favicon.ico de varios tamaños, un ícono táctil de Apple, íconos de Android/PWA, un manifiesto web y el fragmento HTML listo para pegar, todo comprimido en su navegador.
Suelta un archivo aquí o haz clic para buscarlo
PNG, JPG, WebP, SVG, HEIC, HEIF · procesado en tu dispositivo
o pulsa Ctrl+V para pegar desde el portapapeles
Tus archivos nunca salen de tu dispositivo. Todo el procesamiento se realiza localmente en tu navegador.
💡 Para el mejor resultado, sube una imagen cuadrada de al menos 512×512. PNG transparente o SVG funciona mejor.
Usos habituales
- Crear un favicon para sitio webGenera el conjunto completo de favicons que espera cada navegador y dispositivo.
- Generar iconos PWA y ManifestObtén los iconos de 192px y 512px y el manifiesto web que necesita una PWA.
- Crear un icono táctil de AppleGenera el icono de 180×180 que iOS utiliza cuando un sitio se guarda en la pantalla de inicio.
- Convierte un logo en un faviconConvierte tu logo de marca en un favicon limpio y reconocible.
- Generar favicons para cualquier frameworkObtén archivos de favicon listos para usar con React, Next.js, WordPress y más.
Cómo funciona
Esta herramienta convierte cualquier PNG, JPEG, WebP o SVG en un paquete de favicon completo: .ico de varios tamaños, icono de Apple touch, iconos Android/PWA, un manifiesto web y un fragmento HTML listo para pegar, todo dentro de tu navegador usando la API Canvas y JSZip. Nada se sube; todo el renderizado y ensamblaje de archivos ocurre localmente.
- 1Canvas reescala tu imagenEl navegador dibuja tu imagen de origen en elementos Canvas HTML fuera de pantalla en cada tamaño requerido (16, 32, 48, 180, 192 y 512 px). Los SVG sin atributos explícitos de ancho/alto se normalizan primero mediante DOMParser y XMLSerializer para que Firefox y Chrome produzcan una salida de píxeles idéntica en lugar de un lienzo en blanco.
- 2Un codificador ICO escrito a mano empaqueta el archivo .icoLas entradas ICO pequeñas (16, 32, 48 px) se codifican como mapas de bits DIB BGRA de 32 bits en bruto —el BITMAPINFOHEADER más filas XOR de abajo hacia arriba y una máscara AND de 1bpp— porque los componentes del shell de Windows requieren formato DIB sin comprimir en esos tamaños. La herramienta escribe el encabezado del directorio ICO y concatena las entradas enteramente con DataView y Uint8Array, sin biblioteca ICO externa involucrada.
- 3Las salidas PNG se producen mediante canvas.toBlobCada variante PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) se captura llamando a canvas.toBlob con 'image/png', delegando la codificación sin pérdida al motor de imágenes integrado del navegador. El relleno opcional, el color de fondo y el recorte de forma (cuadrado, redondeado o círculo) se aplican al contexto del lienzo antes de la captura.
- 4JSZip agrupa todo en una sola descargaJSZip ensambla todos los archivos generados —favicon.ico, los cinco PNG, un site.webmanifest con el nombre de tu app, y un favicon-snippet.html con las etiquetas <link> correctas— en un solo blob .zip que se descarga automáticamente en tu dispositivo.
Tu imagen se carga directamente en la API Canvas del navegador y nunca sale de tu dispositivo: no se transmiten datos del archivo a ningún servidor en ningún momento.
Herramientas relacionadas
Convertidor de PNG a ICO (favicon)
Convierte imágenes PNG, JPG, WebP o SVG en archivos favicon .ico de varios tamaños. Elige los tamaños que quieras incluir (16, 32, 48, 64, 128, 256) y descarga un único .ico.
Creador de GIF animados
Combine varias imágenes en un GIF animado. Retardo de fotograma, ancho de salida, bucle y calidad ajustables. Codificado completamente en su navegador.
Creador de firmas
Dibuja una firma con el ratón, el dedo o un lápiz óptico, o escribe tu nombre con una fuente manuscrita, y luego expórtala como PNG o SVG transparente.