Generador de Favicon
Convierte una imagen en un conjunto completo de favicons con todos los tamaños habituales, más un fragmento HTML listo para pegar. Todo en tu navegador.
Suelta una imagen aquí
o
Cómo generar un conjunto de favicons
- Suelta una imagen en el área de carga, o haz clic para seleccionarla desde tu dispositivo.
- La herramienta recorta tu imagen al formato cuadrado y la centra, y luego renderiza todos los tamaños de favicon habituales.
- Descarga cada PNG por separado o usa Descargar Todo para obtener el conjunto completo.
- Copia el fragmento HTML en el encabezado (head) de tu sitio.
Preguntas Frecuentes
¿Se sube mi imagen a un servidor?
No. Los favicons se generan íntegramente en tu navegador usando la API Canvas, por lo que tu imagen nunca sale de tu dispositivo.
¿Qué tamaños genera el generador?
Genera archivos PNG de 16x16, 32x32, 48x48, 180x180 (apple-touch-icon), 192x192 y 512x512, los tamaños más habituales que solicitan los navegadores modernos.
¿Qué pasa si mi imagen no es cuadrada?
La imagen se reduce para caber en un lienzo cuadrado y se centra, con espacio transparente en los lados, de modo que el resultado sigue funcionando como icono.
¿La herramienta es gratuita?
Sí. Todas las herramientas de Handio son gratuitas, sin registro, sin límites y sin marcas de agua.
Herramientas Relacionadas
¿Por qué generar un conjunto de favicons?
Los navegadores solicitan favicons en varios tamaños para pestañas, marcadores y pantallas de inicio. Un conjunto completo hace que tu sitio se vea nítido en todas partes en lugar de borroso por una única imagen redimensionada.
- Cubre todos los tamaños que un navegador pueda solicitar, desde pestañas de 16px hasta iconos de 512px.
- Proporciona el apple-touch-icon que usan las pantallas de inicio de iOS.
- Obtén el marcado HTML exacto para pegar en el encabezado (head) de tu sitio.
Consejos y límites
Empieza con una imagen sencilla y de alto contraste, ya que el detalle fino se pierde a 16px. La salida PNG conserva la transparencia, y el apple-touch-icon de 180px debe ser una forma sólida sin bordes transparentes. Todo funciona localmente en tu navegador.