WerklyTools
ES
Invítame a un café

Generador de favicons

Sube tu logo una vez y obtén el paquete completo de iconos para navegadores, iOS y Android, con margen, fondo y esquinas redondeadas ajustables. Incluye el archivo .ico y el HTML que debes pegar en tu <head>.

Procesado 100% en tu navegador

Ctrl + Enter ejecutarCtrl + C copiar resultado

Cómo usar

  1. 1Arrastra tu logo (lo ideal es una imagen cuadrada de 512 px o más, en PNG o SVG).
  2. 2Ajusta el fondo, el margen y las esquinas redondeadas mirando la vista previa a varios tamaños.
  3. 3Copia el código HTML y pégalo dentro del <head> de tu web.
  4. 4Descarga el ZIP y sube todos los archivos a la raíz de tu sitio.

Casos de uso

  • Poner icono a una web nueva en pestañas, marcadores y resultados de búsqueda.
  • Generar el icono de pantalla de inicio para iPhone y Android.
  • Cumplir los requisitos de PWA con manifest e iconos 192/512.
  • Actualizar el favicon tras un cambio de marca.

Preguntas frecuentes

¿Qué archivos necesito realmente?

Como mínimo favicon.ico en la raíz, un PNG de 32×32, el apple-touch-icon de 180×180 y los iconos de 192 y 512 px con el manifest si quieres que tu web sea instalable.

¿Por qué el Apple Touch Icon lleva fondo?

iOS rellena de negro las zonas transparentes. Por eso ese icono se genera siempre con fondo sólido, usando el color que elijas.

¿Qué tamaño debe tener mi logo?

Cuanto más grande, mejor: 512×512 px o más. Los favicons se ven muy pequeños, así que usa un logo simple y con buen contraste.

¿Se suben mis imágenes?

No. Los iconos se generan en tu navegador y el archivo .ico se construye localmente.

Herramientas relacionadas