tooly

Generador de favicon

Convierte un logo en un juego completo de favicons: favicon.ico de 16, 32 y 48 px, Apple touch icon de 180 px y PNG de 192/512 px para el web manifest. No se sube nada.

Tus archivos nunca salen de tu navegador

Cómo se usa

  1. Arrastra un logo cuadrado — PNG, SVG, JPG o WebP. 512 px o más da el mejor resultado.
  2. Espera un segundo mientras cada tamaño se renderiza en tu navegador.
  3. Descarga el ZIP y copia los archivos a la raíz de tu sitio.

Preguntas frecuentes

¿Se sube mi logo a un servidor?

No. Cada icono se renderiza con la API Canvas en tu navegador y se empaqueta en el ZIP localmente.

¿Qué archivos incluye el ZIP?

favicon.ico (16, 32 y 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png y un site.webmanifest que referencia los PNG.

¿Y si mi logo no es cuadrado?

Se centra dentro de un cuadrado con relleno transparente, así que no se recorta nada. Para un ajuste más apretado, recórtalo primero en cuadrado.

¿Cómo añado los iconos a mi sitio?

Copia los archivos a la raíz del sitio y añade <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> y <link rel="manifest" href="/site.webmanifest"> en el <head>.

¿Puedo usar un SVG como origen?

Sí, y es la mejor opción: el vector se rasteriza por separado en cada tamaño, así que incluso 16 px se ve nítido.

Herramientas relacionadas