Generador de favicones
Suelta una imagen y obtén un conjunto completo de favicon (.ico, todos los tamaños PNG y HTML para pegar) sin cargar nada.
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
Este generador de favicon crea un conjunto completo de favicon listo para producción a partir de una única imagen cuadrada o logotipo, completamente en su navegador. Produce un favicon.ico de varios tamaños (16–256), íconos PNG en 16, 32, 48, 180 (ícono táctil de Apple), 192 y 512 píxeles, y un fragmento de encabezado HTML de copiar y pegar que hace referencia a favicon.ico, el ícono táctil de Apple, los tamaños PNG y un site.webmanifest. Debido a que todo el procesamiento ocurre localmente con la API de Canvas, su imagen nunca sale de su dispositivo: no hay carga, cola ni marca de agua. Simplemente suelte su logotipo, obtenga una vista previa de cada tamaño generado, descargue los archivos y pegue el fragmento.
Preguntas frecuentes
¿Qué produce este generador de favicon?
Un conjunto completo de favicon a partir de una imagen: un favicon.ico de varios tamaños (16, 32, 48, 64, 128 y 256 px en un solo archivo), íconos PNG de 16×16, 32×32, 48×48, 180×180 (icono táctil de Apple), 192×192 y 512×512, además de un Fragmento de encabezado HTML listo para pegar.
¿Mi imagen está cargada en un servidor?
No. Este generador de favicon se ejecuta al 100% en su navegador utilizando la API de Canvas. Su imagen se decodifica y se vuelve a codificar localmente, por lo que no se carga, almacena ni comparte nada: es completamente privado.
¿Qué tamaño y formato debe tener mi imagen de origen?
Utilice una imagen cuadrada de al menos 512×512 para obtener el resultado más nítido. PNG, JPG, SVG y WEBP funcionan. Los logotipos SVG y PNG grandes se reducen limpiamente a cada tamaño de favicon.
¿Cómo agrego el favicon a mi sitio web?
Descargue favicon.ico y los archivos PNG en la carpeta raíz de su sitio, luego copie el fragmento HTML generado en el <head> de sus páginas. Vincula favicon.ico, los PNG 16/32, el ícono táctil de Apple y un site.webmanifest.
¿Para qué sirve el ícono táctil de Apple?
El ícono táctil de Apple de 180 × 180 es el ícono que usan iOS y iPadOS cuando alguien guarda su sitio en su pantalla de inicio. Incluirlo hace que su marcador parezca una aplicación nativa en lugar de una captura de pantalla borrosa.
¿Por qué generar un archivo .ico y no solo PNG?
favicon.ico es el valor predeterminado de larga data que todos los navegadores, incluidos los más antiguos, solicitan en la raíz del sitio. Nuestro .ico incluye múltiples resoluciones en un solo archivo para que el navegador siempre elija el tamaño más nítido, y también le ofrecemos los archivos PNG modernos.
Contener o cubrir: ¿qué ajuste debo elegir?
Contiene buzones de toda la imagen en el cuadrado con bordes transparentes, manteniendo visible su logotipo completo. La cubierta rellena el cuadrado de borde a borde y recorta el exceso. Utilice contener para logotipos anchos y cubrir para íconos que ya son cuadrados.
¿Este generador de favicon es realmente gratuito?
Sí, es completamente gratis, sin registro, sin límites y sin marca de agua. Debido a que el trabajo se realiza en su navegador, puede generar tantos conjuntos de favicon como desee.