RevealTheme logo

Generador de Favicon

Genera un conjunto completo de favicon a partir de cualquier imagen: todos los tamaños que esperan los navegadores, iOS y Android.

Cómo usar esta herramienta

  1. 1

    Sube una imagen cuadrada (se recomienda PNG, de 512×512 o mayor).

  2. 2

    La renderizamos en todos los tamaños de favicon habituales.

  3. 3

    Descarga cada PNG.

  4. 4

    Refiérelas en el <head> de tu HTML con los atributos sizes correspondientes.

¿Qué es el Generador de Favicon?

Los favicon modernos ya no son solo de 16×16. iOS espera un apple-touch-icon de 180×180, Android quiere iconos PWA de 192×192 y 512×512, y las pantallas de alta densidad usan 32×32 o 48×48. Esta herramienta genera todos los tamaños comunes a partir de una sola imagen de origen para que puedas servirlos como etiquetas <link rel='icon' sizes='...'>.

Casos de uso comunes

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Preguntas frecuentes

¿Qué tamaño de imagen de origen debo usar?
Un PNG cuadrado de 512×512 o más da los mejores resultados: reducir la escala conserva el detalle mejor que ampliarla.
¿Necesito un archivo ICO?
Los navegadores modernos aceptan favicon en PNG. El formato ICO solo es necesario para la compatibilidad con IE heredado, poco frecuente hoy en día.

Herramientas relacionadas