OKfmt

Generador de Favicon

Sube cualquier imagen y obtén un paquete completo de favicon: ICO multi-resolución, PNG para plataformas, icono táctil de Apple y manifiesto web en un solo ZIP.

Arrastra archivos aquí o haz clic

Ctrl+V para pegar desde el portapapeles

Cómo generar un favicon

  1. 1Arrastra, haz clic o pega para subir un archivo de imagen (JPG, PNG, WebP, AVIF, GIF, SVG y más).
  2. 2No se necesitan configuraciones — el generador crea todos los tamaños para cada plataforma automáticamente.
  3. 3Haz clic en 'Convertir Ahora' y espera a que se complete la conversión.
  4. 4Descarga el paquete ZIP y extrae los archivos en la raíz de tu sitio web.

Acerca de la generación de favicon

Los favicones modernos requieren adaptación a distintos escenarios: las pestañas del navegador necesitan tamaños de 16px y 32px, las pantallas de inicio de iOS necesitan iconos de 180px, Android y PWA necesitan iconos de 192px y 512px. Un solo favicon.ico ya no puede cubrir todos los requisitos de adaptación.

El favicon.ico generado por esta herramienta incluye entradas de resolución múltiple para 16px, 32px y 48px. La imagen fuente se recorta al centro en un cuadrado, y a apple-touch-icon.png se le asigna un fondo blanco para evitar que iOS muestre fondos transparentes como negro. También se incluye un archivo site.webmanifest compatible con declaraciones de información de iconos.

Los resultados generados se empaquetan en un archivo ZIP. Después de extraerlo, sube todos los archivos al directorio raíz de tu sitio web y añade la etiqueta link correspondiente en la sección head de tu HTML para referenciarlos. Usar una imagen fuente SVG conserva detalles de contorno más nítidos, y las imágenes fuente con fondos sólidos producen mejores resultados de adaptación que las de fondos transparentes complejos.

Preguntas frecuentes sobre Generador de Favicon

¿Qué archivos incluye el paquete generado?

Incluye favicon.ico con entradas de resolución múltiple, iconos PNG de distintas especificaciones, apple-touch-icon.png, iconos para Android Chrome y site.webmanifest. Todos los archivos se empaquetan en un ZIP para su descarga.

¿Cómo se manejan los fondos transparentes?

favicon.ico conserva el fondo transparente, mientras que apple-touch-icon obtiene automáticamente un fondo blanco. Esto se debe a que iOS muestra los iconos con fondo transparente como negros, y añadir un fondo blanco garantiza una visualización normal.

¿Cuál es el límite de tamaño de archivo subido?

El tamaño máximo por archivo es de 50MB, y solo se puede procesar un archivo por conversión. Esto cumple con los requisitos de tamaño de la mayoría de archivos fuente de iconos, por lo que no se necesita división ni precompresión antes de subir.

¿Se almacenan los archivos fuente?

No se almacena ningún archivo. Los archivos se suben al servidor por HTTPS para la conversión, y el servidor elimina inmediatamente tanto el archivo fuente como el de salida después de finalizarla, sin retener copias de ningún archivo.

Herramientas relacionadas