Generador de Favicon
Convierte cualquier imagen en un paquete de favicon completo: favicon.ico, todos los tamaños PNG, iconos de Apple touch y un manifiesto web.
Cómo usar Generador de Favicon
- Sube una imagen, idealmente cuadrada y de al menos 256×256.
- La herramienta genera todos los tamaños de icono, favicon.ico y un manifiesto web.
- Descarga el ZIP y sigue el README incluido para añadir los iconos a tu sitio.
Acerca de Generador de Favicon
Esta herramienta construye todo el conjunto de iconos que necesita un sitio web a partir de una sola imagen, para que no tengas que exportar una docena de tamaños a mano. Sube una imagen y genera favicon.ico (un icono real multi-resolución que contiene las versiones de 16×16, 32×32 y 48×48), cada PNG independiente desde 16×16 hasta 512×512, la gama completa de iconos de Apple touch para iPhone y iPad, los dos iconos de Android/PWA, un archivo site.webmanifest, y un README con el HTML exacto que debes pegar en la cabecera (head) de tu página. Cada archivo se nombra de la forma estándar y descriptiva —favicon-32x32.png, apple-touch-icon-180x180.png, android-chrome-512x512.png— para que encajen directamente en cualquier proyecto.
Dos detalles se gestionan con cuidado en lugar de de forma tosca. La imagen de origen se ajusta a un cuadrado sin deformarla: una imagen no cuadrada se centra sobre un lienzo cuadrado en lugar de estirarse, así que nada queda aplastado ni recortado. Y la transparencia se respeta donde debe respetarse y se elimina donde debe eliminarse: los PNG del favicon conservan su fondo transparente, mientras que los iconos de Apple touch se aplanan sobre blanco, porque iOS muestra un apple-touch-icon transparente como negro sólido en la pantalla de inicio. Una imagen de origen cuadrada y de alta resolución da el mejor resultado; el pequeño icono de 16×16 se afila durante el escalado, pero nada puede añadir detalle que un original pequeño o borroso no tenga.
Tu imagen se procesa en el servidor y luego se elimina junto con todos los iconos que generó; nada se guarda ni se registra. El favicon.ico usa el formato PNG-en-ICO que lee cualquier navegador actual. Si tu diseño es un SVG, expórtalo primero a PNG y sube ese archivo; esta herramienta trabaja con imágenes rasterizadas para que el resultado sea predecible. ¿Ya estás trabajando con imágenes? Consulta el compresor de imágenes o el conversor de PNG a JPG.
Preguntas frecuentes
¿Qué archivos incluye la descarga?
Un favicon.ico (con las versiones de 16, 32 y 48 píxeles dentro), PNG independientes desde 16×16 hasta 512×512, iconos de Apple touch (de 57 a 180 píxeles), android-chrome de 192 y 512, un site.webmanifest, y un README.txt con el fragmento HTML para pegar en la cabecera de tu página.
¿Qué tamaño y forma debería tener mi imagen?
Lo mejor es que sea cuadrada, de al menos 256×256, idealmente 512×512, para que hasta el icono más grande quede nítido. Una imagen no cuadrada se centra sobre un lienzo cuadrado sin deformarse, así que igualmente funciona; solo deja márgenes transparentes en los lados más largos.
¿Cómo añado el favicon a mi sitio web?
Sube los archivos a la carpeta raíz de tu sitio y pega las pocas líneas del README.txt incluido en el <head> de tus páginas. Eso cubre navegadores, iOS, Android e instalaciones como PWA.
¿Por qué mi icono aparece con fondo blanco en iPhone?
Los iconos de Apple touch no pueden ser transparentes: iOS muestra las zonas transparentes como negro, así que esta herramienta las aplana sobre blanco. Los PNG normales del favicon conservan su transparencia para las pestañas del navegador.
¿Puedo subir un SVG?
No directamente. Esta herramienta trabaja con imágenes rasterizadas —PNG, JPG, WebP o GIF— para que el resultado sea predecible. Si tienes un SVG, expórtalo primero a un PNG de 512×512, y luego súbelo.
¿Se guarda mi imagen en el servidor?
No. Se procesa para construir los iconos y luego se elimina de inmediato, junto con todos los archivos generados. No se almacena ni se registra nada.