Generador de favicon gratis

Importa tu logo en PNG, SVG o JPG: la herramienta crea favicon.ico (16, 32 y 48 px), los iconos PNG de 180, 192 y 512 px, el site.webmanifest y las etiquetas HTML para copiar, en un ZIP. Todo ocurre en tu navegador: la imagen no se envía a ningún servidor, sin cuenta ni límite de uso.

  • ✓ 100 % en tu navegador
  • ✓ Nada se sube al servidor
  • ✓ Sin cuenta ni cuota

Crear un favicon en 4 pasos

  1. 1

    Importar la imagen

    Suelta tu logo o tu símbolo en PNG, SVG o JPG. Un archivo cuadrado de 512 px o más, o un SVG, da los iconos más nítidos.

  2. 2

    Ajustar el resultado

    Elige un fondo transparente o de color, ajusta el margen interior y revisa la vista previa a 16 y 32 px, los tamaños de una pestaña.

  3. 3

    Generar y descargar

    Pulsa «Generar el favicon» y descarga el ZIP: favicon.ico, los tres PNG, site.webmanifest y el fragmento HTML.

  4. 4

    Instalarlo en el sitio

    Copia los archivos en la raíz de tu sitio y pega las etiquetas en el <head>, o sube el icono a tu CMS (ver más abajo).

Instalar el favicon en tu sitio

El método depende de tu herramienta. En todos los casos, vacía la caché o abre una ventana privada para ver el nuevo favicon: los navegadores lo guardan mucho tiempo.

Sitio HTML o framework

  1. Copia favicon.ico, apple-touch-icon.png, los dos android-chrome y site.webmanifest en la raíz del sitio (junto a index.html, o en la carpeta public/ de un framework).
  2. Pega el fragmento HTML en el <head> de cada página, o de la plantilla común.
  3. Abre https://tusitio/favicon.ico: el archivo debe mostrarse sin error.

WordPress

  1. Tema clásico: Apariencia → Personalizar → Identidad del sitio → Icono del sitio.
  2. Tema de bloques: en el editor del sitio, el bloque Logo del sitio permite usar la imagen como icono del sitio.
  3. Sube android-chrome-512x512.png: WordPress pide una imagen cuadrada de al menos 512 px y crea él mismo los demás tamaños.

Shopify

  1. Tienda online → Temas → Personalizar.
  2. Abre la configuración del tema: el favicon está en la sección Logo o Favicon, según el tema.
  3. Sube android-chrome-192x192.png o el PNG de 512 px y guarda.

Wix

  1. En el panel de control, abre Ajustes y luego Favicon.
  2. Sube android-chrome-512x512.png y publica el sitio.
  3. Wix solo permite un favicon personalizado en sitios con plan Premium y dominio conectado.

Tamaños y formatos de un favicon

Un solo archivo ya no basta: cada superficie lee un tamaño distinto. El paquete generado cubre los usos habituales.

ArchivoTamañoUso
favicon.ico16, 32 y 48 pxPestañas, marcadores, barra de tareas de Windows, resultados de búsqueda
apple-touch-icon.png180 × 180 pxPantalla de inicio de iPhone y iPad
android-chrome-192x192.png192 × 192 pxPantalla de inicio de Android, manifiesto
android-chrome-512x512.png512 × 512 pxPantalla de bienvenida, instalación como aplicación
site.webmanifestJSONNombre, colores e iconos de la aplicación web

Google recomienda un icono cuadrado, mayor de 48 × 48 px y accesible para los rastreadores: por eso el fragmento declara también el PNG de 192 px.

Errores frecuentes

  • Usar el logo completo con el texto: a 16 px las letras se convierten en una mancha. Usa el símbolo o una inicial.
  • Partir de una imagen pequeña: un PNG de 64 px ampliado a 512 px saldrá borroso. Mejor un SVG o un PNG de al menos 512 px.
  • Olvidar el contraste: un icono oscuro desaparece en una pestaña en modo oscuro. Prueba ambos modos o añade un fondo.
  • Poner los archivos en una subcarpeta sin cambiar las rutas: las etiquetas del fragmento apuntan a la raíz del sitio.
  • Bloquear el favicon a los rastreadores: un robots.txt que prohíbe /favicon.ico impide que Google lo muestre en los resultados.
  • Concluir demasiado pronto que no funciona: la caché del navegador y la de Google tardan en actualizarse.

Preguntas frecuentes

¿El generador de favicon es realmente gratis?
Sí. No hay cuenta, ni cuota, ni marca de agua: la conversión se hace en tu navegador, con sus propios recursos.
¿Mi imagen se envía a un servidor?
No. Tu navegador lee y convierte el archivo localmente, y el ZIP se crea en tu dispositivo. Ninguna imagen sale de tu ordenador.
¿Qué tamaño debe tener la imagen de partida?
Lo ideal es un cuadrado de al menos 512 × 512 px, o un SVG. Una imagen rectangular se centra en el cuadrado, con el margen elegido.
¿Sigue haciendo falta un archivo favicon.ico?
Sí, es el formato más reconocido: navegadores, marcadores, Windows y muchas herramientas lo buscan en la raíz del sitio. Los PNG lo completan para móviles.
¿Por qué mi favicon no aparece en Google?
Google primero tiene que rastrear la página y el icono. Comprueba que el archivo es accesible, cuadrado y mayor de 48 px, y ten paciencia: la actualización puede tardar días o semanas.
Todavía no tengo logo. ¿Qué hago?
Crea primero el logo y vuelve aquí con su símbolo. BrandMotion Lab permite generar y comparar propuestas de logo, gratis para empezar.

¿Todavía no tienes logo?

Créalo con BrandMotion Lab: describe tu negocio, compara propuestas y vuelve aquí para convertirlo en favicon.

Crear mi logo

Para entender los formatos y el diseño de un buen favicon, lee también nuestra guía: Favicon: crear el icono de tu sitio web

Fuentes