TontonTools

Generador de favicones

Genere favicons a partir de cualquier imagen, de todos los tamaños que necesite un sitio.

100% Gratis Sin registro Amigable con la privacidad Herramientas de imagen
Actualizado sep. 2026

Drag & drop an image here, or

Share X / Twitter Facebook LinkedIn WhatsApp

Cómo usar Generador de favicones

  1. Sube un logotipo cuadrado: simplificado para una visualización pequeña; Lo ideal es una fuente de más de 512 px.
  2. Generar el conjunto de favicon: ICO más los tamaños PNG.
  3. Implementar: favicon.ico en la raíz, PNG con sus etiquetas de enlace en .
  4. Verificar en una ventana privada: los cachés de favicon sobreviven a todo.

¿Cuál es Generador de favicones?

Un generador de favicon convierte su logotipo en el conjunto de iconos que un sitio web necesita: los navegadores clásicos favicon.ico solicitan de forma predeterminada, además de los tamaños PNG que utilizan las plataformas modernas (16/32 para pestañas, 180 para iconos táctiles de Apple, 192/512 para Android/PWA). Una imagen cuadrada en; se establece la implementación.

Los favicons sobresalen por encima de sus 16 píxeles: son la identidad de su sitio en pestañas, marcadores, historial y resultados de búsqueda (Google muestra favicons en SERP móviles, un factor CTR real), y su ausencia se considera inacabada.

Sobre el Generador de favicones

Sube una imagen cuadrada (tu logotipo o marca) y genera el conjunto de favicon.

Implementación, la versión corta: favicon.ico va a la raíz del sitio (solicitada automáticamente en /favicon.ico) y las etiquetas principales declaran el resto: para PNG, para pantallas de inicio de iOS y un manifiesto web para íconos de Android/PWA. La mayoría de los sitios necesitan exactamente esa receta una vez y luego nunca vuelven a pensar en ella.

Ley de diseño a escala de favicon: 16px no perdona nada: las marcas que funcionan son una forma, letra o símbolo en negrita con alto contraste; Los logotipos completos con texto se vuelven borrosos. Pruebe los 16 píxeles generados con una barra de pestañas ocupada (temas claros Y oscuros; la transparencia maneja ambos). Y espere el almacenamiento en caché: los favicons son el activo más obstinadamente almacenado en caché en la web; verificar los cambios en una ventana privada. Las cargas se procesan y devuelven, no se conservan.

Preguntas Frecuentes

Línea de base: favicon.ico (16+32) en la raíz. Conjunto moderno: PNG de 32 px (pestañas), ícono táctil de Apple de 180 px (iOS), 192/512 px (manifiesto de Android/PWA). La línea de base por sí sola cubre los navegadores; el conjunto cubre todo.
<link rel="icon" href="/favicon.ico"> (opcional: la ruta raíz se solicita de todos modos), <link rel="icon" type="image/png" size="32x32"…>, <link rel="apple-touch-icon"…> y un manifiesto para los íconos de PWA. La salida de los generadores generalmente incluye el fragmento.
Muerte de detalles a 16 px: el texto y los elementos finos no pueden sobrevivir. Utilice el elemento distintivo más simple del logotipo: la marca sin la denominación, una letra, una forma. Rediseñar-para-16px es normal, no un fracaso.
Indirectamente: Google muestra favicons en los resultados de búsqueda móviles, donde un ícono reconocible aumenta el CTR y uno faltante o roto parece abandonado. Es una marca en el SERP, no un factor de clasificación.
El almacenamiento en caché de Favicon es notoriamente persistente. Realice una actualización completa, ventana privada o solicite /favicon.ico directamente para confirmar el lado del servidor; los cachés de los visitantes se desplazan según su propio horario.

Learn more

Cómo crear un Favicon para su sitio web

Ese pequeño icono en la pestaña del navegador es una señal de confianza real. A continuación se explica cómo crear un favicon en todos los tamaños que necesita.

Read the guide

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.