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