HerramientasGratis Online

Generador de Favicon

Crea favicons para tu sitio desde una imagen o logo

Sube un PNG, JPG, SVG o WebP y genera favicons en tamaños listos para navegador, Apple touch icon y apps web.

Imagen base

Vista previa

Anuncio · belowTool

Archivos generados

Sube un logo o imagen para generar tus favicons.

Código para pegar en tu HTML

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

Cómo funciona

  1. 1Sube tu logo o imagen principal.
  2. 2Ajusta fondo, espaciado y borde si lo necesitas.
  3. 3Revisa los favicons generados en varios tamaños.
  4. 4Descarga los archivos y pega el código en el head de tu sitio.

Preguntas frecuentes

Generador de favicon: el ícono de tu sitio web

El favicon es la pequeña imagen que aparece en la pestaña del navegador, los marcadores y los resultados de búsqueda. Aunque parece un detalle menor, es un elemento clave de la identidad visual de un sitio web y afecta la percepción de profesionalismo.

Tamaños y formatos recomendados en 2025

  • favicon.ico: 16×16 y 32×32 px — el clásico, compatible con todos los navegadores.
  • apple-touch-icon.png: 180×180 px — para iPhone y iPad.
  • android-chrome-192x192.png y 512×512 px — para dispositivos Android.
  • favicon.svg: escalable, recomendado para navegadores modernos.
  • og-image: 1200×630 px — no es favicon, pero complementa la presencia visual.

Cómo implementar el favicon

Añade en el <head> de tu HTML: <link rel="icon" href="/favicon.ico">. Para mejor soporte agrega también: <link rel="apple-touch-icon" href="/apple-touch-icon.png">. Un archivo manifest.json con las rutas de los iconos mejora la experiencia de instalación como PWA.

El favicon y el SEO

Google muestra el favicon junto al título de la página en los resultados de búsqueda (SERPs). Un favicon claro y reconocible puede mejorar el CTR (click-through rate) al hacer tu resultado más memorable y profesional entre los competidores.

Anuncio · midContent

Más herramientas que te pueden gustar

Calculadora de CaloríasGenerador de DireccionesCalculadora de PorcentajesRegla de Tres¿Quién Va Primero?Tablero Kanban