Generador de favicon

Genera un conjunto completo de favicon a partir de una sola imagen —favicon.ico, apple-touch-icon, iconos de Android/PWA y el fragmento HTML— íntegramente en tu navegador. No se sube nada.

La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.

Todos los iconos que necesita un sitio moderno, de una vez

Un favicon ya no es un solo archivo. Los navegadores leen un pequeño favicon.ico para las pestañas y la barra de direcciones, iOS quiere un apple-touch-icon de 180×180 para la pantalla de inicio, y Android y las apps web instalables toman PNG de 192 y 512px de un manifiesto web. Este generador crea todos ellos a partir de una sola imagen de origen y te da un fragmento HTML listo para pegar, así no exportas seis tamaños a mano.

Enmarcado a tu gusto, mantenido en privado

Mantén el icono cuadrado, redondea las esquinas o recórtalo en círculo; añade relleno para que un logo no quede pegado al borde; y elige un fondo transparente o sólido. Una vista previa en vivo muestra el resultado a tamaños reales de favicon, incluida una pestaña de navegador simulada. Como cada archivo se genera en tu dispositivo, tu logo —a menudo una marca sin publicar— nunca se envía a un servidor.

Preguntas frecuentes

¿Se sube mi imagen para crear el favicon?
No. El favicon.ico, los iconos PNG y el manifiesto se generan todos localmente en tu navegador con la API Canvas. Tu imagen nunca sale de tu dispositivo.
¿Qué tamaños y archivos obtengo?
Un favicon.ico multirresolución (16, 32 y 48px), iconos PNG a 16, 32, 48, 180 (apple-touch-icon), 192 y 512px, un site.webmanifest y un fragmento de HTML para pegar en tu <head>.
¿Puedo convertir un PNG o SVG a ICO?
Sí. Suelta un PNG, JPG, SVG o WebP y descarga un favicon.ico real. Los logos SVG se rasterizan primero localmente a alta resolución.
¿Qué imagen funciona mejor?
Una imagen cuadrada con un logo sencillo y de alto contraste. Las imágenes no cuadradas se recortan desde el centro para encajar; usa los controles de relleno y forma para encuadrarla como quieras.
¿Cómo instalo el favicon?
Descomprime el paquete en la carpeta raíz de tu sitio y pega el fragmento de HTML proporcionado en el <head> de tus páginas. La mayoría de los navegadores detectan el favicon.ico automáticamente.