Generador de favicons gratuito
Convierte cualquier imagen en un conjunto completo de favicons: ICO, PNG en tamaños desde 16×16 hasta 512×512, e icono táctil de Apple. Todo exportado como un archivo ZIP listo para usar.
Suelta tu imagen aquí
o haga clic para explorar — JPG, PNG, WebP, SVG
Todo lo que tu sitio web necesita
Introduce una sola imagen y obtén un paquete completo de favicons de varios tamaños; sin Photoshop ni cuenta online.
Formato ICO incluido
Genera un archivo .ico de resolución múltiple (16×16, 32×32, 48×48) para garantizar la compatibilidad con navegadores clásicos, desde Internet Explorer.
Todos los tamaños PNG
Exporta archivos PNG de 16×16, 32×32, 48×48, 96×96, 180×180 y 512×512 píxeles, todos los que requieren Chrome, Firefox y Safari.
Icono táctil de Apple
Incluye un archivo apple-touch-icon.png de 180×180 para los marcadores de la pantalla de inicio de iOS y los iconos de inicio de PWA.
Descarga ZIP
Todos los archivos de favicon se incluyen en un único archivo ZIP con un fragmento HTML listo para usar que muestra exactamente qué etiquetas añadir.
100% privado — Nunca subido
Todo el proceso de redimensionamiento y codificación se realiza localmente en tu navegador mediante la API de Canvas. Tu imagen nunca sale de tu dispositivo.
Admite código fuente SVG
Sube un logotipo SVG y obtén favicons rasterizados con una precisión de píxel perfecta en todos los tamaños, ideales para marcas basadas en vectores.
¿Quién utiliza el generador de favicons?
Cualquier desarrollador o diseñador que lance un sitio web y necesite un paquete completo de favicons.
Lanzamiento de sitios web
Obtén el paquete de favicons de tu sitio web justo el día del lanzamiento: tamaños ICO y PNG, e icono táctil de Apple, todo en una sola descarga.
- Genera todos los tamaños en una sola pasada.
- Obtén el fragmento HTML para pegar en la cabecera.
- Compatibilidad con navegadores antiguos con formato .ico
Iconos de PWA y aplicaciones
Crea los tamaños de iconos de manifiesto correctos para las Progressive Web Apps: se incluyen por defecto imágenes PNG de 192×192 y 512×512 píxeles.
- Generar iconos de manifiesto PWA
- Crea iconos para la pantalla de inicio de iOS
- Exportar a 512×512 para pantallas de inicio de Android
Actualización de marca
¿Has actualizado tu logotipo? Regenera todo tu conjunto de favicons a partir de la nueva imagen de origen sin necesidad de usar ningún software de diseño.
- Regenerar a partir del logotipo SVG actualizado
- Reemplazar la ICO antigua con una versión nueva y nítida.
- Actualiza el icono táctil de Apple en segundos.
Cómo generar un favicon en 3 pasos
Arrastra tu logotipo o icono a la zona de carga. Se admiten los formatos JPG, PNG, WebP y SVG.
Vea una vista previa en tiempo real de su favicon en cada tamaño de exportación para confirmar que se ve nítido antes de descargarlo.
Haz clic en Descargar y obtendrás un archivo ZIP con todos los tamaños, el archivo .ico y un fragmento HTML listo para pegar.
Explora más herramientas
Descubre otras herramientas gratuitas que funcionan de maravilla junto con esta.
Compresor de imágenes
Reduce el tamaño del archivo sin perder calidad.
Redimensionador de imágenes
Redimensionar las imágenes a las dimensiones exactas.
Convertidor de imágenes
Convierte entre más de 30 formatos de imagen.
Recortador de imágenes
Recorta las imágenes a cualquier tamaño o relación de aspecto .
Eliminador de fondo
Elimina fondos con precisión de IA
SVG a PNG
Rasterizar gráficos vectoriales a PNG
Preguntas frecuentes
Preguntas frecuentes sobre cómo generar favicons en línea.
¿Qué tamaños se incluyen en la descarga?
El archivo ZIP incluye: favicon.ico (16, 32, 48px), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, favicon-96x96.png, apple-touch-icon.png (180×180), e icon-192x192.png e icon-512x512.png para manifiestos de PWA.
¿Mi imagen está subida a un servidor?
No. Todo el proceso de redimensionamiento y codificación se realiza completamente en tu navegador mediante la API de Canvas. Tu imagen nunca sale de tu dispositivo.
¿Cuál es la mejor imagen de origen para usar?
Para obtener la mejor nitidez, utilice una imagen cuadrada de al menos 512 × 512 píxeles. Los logotipos SVG ofrecen los mejores resultados, ya que se pueden rasterizar a cualquier resolución sin pérdida de calidad.
¿Qué código HTML necesito añadir a mi sitio web?
El archivo ZIP descargado incluye un archivo snippet.html con todas las etiquetas de enlace y metadatos necesarias. Añádelas a la sección <head> de tu HTML. Las etiquetas más importantes son: favicon.ico para navegadores, apple-touch-icon para iOS y los dos iconos PNG para el manifiesto de tu aplicación web.