Generador de Favicon
Una imagen cuadrada funciona mejor. Se admiten PNG, JPG, SVG y WebP.
Herramientas externas relacionadas
Algunos enlaces son enlaces de afiliados.
Herramientas relacionadas
Convierte cualquier imagen en un conjunto completo de favicons — los pequeños iconos que los navegadores muestran en pestañas, marcadores y pantallas de inicio del móvil. Sube una imagen, descarga cada tamaño en PNG y copia el fragmento HTML y de manifest listo para añadir a tu sitio. Todo ocurre en tu navegador; tu imagen no se sube nunca.
Cómo usarlo
- Elige una imagen — un logotipo o icono cuadrado da el mejor resultado.
- Selecciona un fondo transparente o blanco para los iconos.
- Descarga cada tamaño PNG y copia el fragmento HTML y de manifest en tu sitio.
Cómo funciona
Tu imagen se dibuja en un canvas a cada tamaño requerido — 16 y 32 píxeles para las pestañas del navegador, 48 para Windows, 180 para los iconos táctiles de Apple, y 192 y 512 para Android y PWA. Escalar desde una fuente grande y cuadrada mantiene los iconos nítidos. El fragmento HTML indica a los navegadores dónde encontrar cada archivo.
Características
Todos los tamaños que necesitas
Genera el conjunto completo — 16, 32, 48, 180, 192 y 512 píxeles — de una sola vez.
Navegador, Apple y Android
Incluye apple-touch-icon e iconos para Android/PWA, no solo el favicon clásico de pestaña.
Fragmentos listos para usar
Copia las etiquetas HTML link y un site.webmanifest mínimo para que la configuración sea solo pegar y listo.
Transparente o blanco
Mantén la transparencia o aplana sobre fondo blanco según tu icono.
Totalmente local
Las imágenes se procesan en tu navegador y nunca se envían a ningún servidor.
Cuándo usarlo
Nuevo sitio web
Añade un favicon profesional al lanzar un sitio para que se vea completo en las pestañas del navegador.
Iconos PWA
Genera los iconos de 192 y 512 píxeles que necesita una aplicación web progresiva para la pantalla de inicio.
Rebranding
Actualiza el nuevo logotipo en todos los tamaños de favicon a la vez cuando cambia tu marca.
Blog o portafolio
Dale a tu sitio personal un icono reconocible que destaque entre las pestañas abiertas.
Notas
- Una imagen fuente cuadrada evita el estiramiento; las imágenes no cuadradas se centran con relleno.
- Los fondos transparentes se conservan en el PNG resultante.
- Coloca los archivos descargados en la raíz de tu sitio y añade el fragmento en el head de la página.
- Todo el procesamiento se ejecuta en tu dispositivo; tu imagen no se sube nunca.
Preguntas frecuentes
- ¿Sigo necesitando un archivo .ico?
- Los navegadores modernos aceptan favicons PNG mediante las etiquetas link que aquí se ofrecen, por lo que un .ico suele ser opcional. Los PNG de 16 y 32 píxeles cubren los iconos de pestaña.
- ¿Qué tamaños genera?
- 16, 32 y 48 para navegadores, 180 para iconos táctiles de Apple, y 192 y 512 para Android y aplicaciones web progresivas.
- ¿Puedo mantener la transparencia?
- Sí. Elige el fondo transparente y los PNG conservarán su canal alfa. Elige blanco para aplanar sobre un fondo sólido.
- ¿Cómo los añado a mi sitio?
- Coloca los archivos descargados en la raíz del sitio y pega el fragmento HTML en el head de tus páginas, más el manifest para PWA.
- ¿Se envía mi imagen a un servidor?
- No. La imagen se procesa completamente en tu navegador y nunca abandona tu dispositivo.