Saltar al contenido principal

Generador de favicon gratis

Genera favicon.ico y tamaños PNG comunes localmente desde un logo, icono o imagen.

Solo en navegador, privado

Procesamiento local en el navegador. Sin subidas.

Generador de favicon gratis
Genera favicon.ico y tamaños PNG comunes localmente desde un logo, icono o imagen.

Suelta un archivo o haz clic para buscar

12%

Esperando un archivo

Añade un archivo para empezar.

Original

-

Salida

-

Tamaños generados

16, 32, 48, 96, 180, 192, 512

Procesamiento local en el navegador. Sin subidas.

Salida

Esperando un archivo

Cómo generar favicons a partir de un logo

Una sola imagen de origen produce el ICO de respaldo, los tamaños PNG y el HTML que pega en su diseño.

  1. Parta de un logo cuadrado

    Use una imagen cuadrada, preferiblemente un SVG, PNG o WebP con un símbolo simple y de alto contraste que siga leyéndose a 16x16 píxeles.

  2. Ajuste el margen y el fondo

    El margen mantiene el símbolo lejos del borde de recorte, y un fondo sólido mantiene el icono visible en una barra del navegador oscura.

  3. Generar y descargar

    Pulse Generar favicons. La herramienta crea favicon.ico con fotogramas de 16, 32 y 48 píxeles, además de iconos PNG de 96, 180, 192 y 512 píxeles.

  4. Pegue el código HTML

    Copie el fragmento generado en el head de su documento para que los navegadores, la pantalla de inicio de iOS y los manifiestos de la app encuentren los iconos.

Preguntas sobre el generador de favicon

  1. 1

    ¿Mi logo se sube a algún sitio?

    No. Los favicons se generan en su navegador a partir de la imagen que seleccione.

  2. 2

    ¿Qué archivos genera la herramienta?

    Un favicon.ico multitamaño con fotogramas de 16, 32 y 48 píxeles, iconos PNG de 96, 180, 192 y 512 píxeles y el código HTML correspondiente.

  3. 3

    ¿Debo publicar los archivos ICO o los PNG?

    Publique favicon.ico como respaldo heredado y los tamaños PNG para los navegadores modernos, la pantalla de inicio de iOS y los manifiestos de aplicaciones web.

  4. 4

    ¿Por qué mi favicon se ve borroso en la pestaña?

    Un icono de 16x16 no puede contener detalles finos, así que los trazos delgados y el texto pequeño se emborronan. Un símbolo cuadrado de alto contraste con margen se mantiene legible.

  5. 5

    ¿Necesito una cuenta o un plugin?

    No. El generador es gratis, funciona en el navegador y no requiere registro.

Consejos rápidos

  • Usa un logo cuadrado y con alto contraste para favicons 16x16 legibles.
  • Descarga favicon.ico para compatibilidad y PNG 512 para PWA o iconos de app.

Más herramientas

Sigue leyendo

Recibe avisos de nuevas funciones

Un correo cuando se lance un producto o función nuevos. Sin spam, date de baja cuando quieras.