Anything Tools

Guía completa del Generador de Favicon: ICO multicapa, Apple Touch y PWA

|
|
6 min de lectura
|
Design
Guía completa del Generador de Favicon: ICO multicapa, Apple Touch y PWA

Un sitio web moderno necesita más que un icono de 16×16 píxeles. Las pestañas en modo oscuro, los resultados de búsqueda de Google (SERP), la pantalla de inicio de iOS Safari y las aplicaciones Android PWA requieren tamaños específicos.

Con el Generador de Favicon e Iconos de App puedes diseñar y exportar todo el paquete de iconos desde iniciales, emojis o archivos PNG/SVG directamente en tu navegador.


1. Tamaños esenciales que incluye el paquete

  1. favicon.ico (16×16, 32×32 y 48×48 multicapa): Cumple con las directrices de Google Search.
  2. favicon-16x16.png y 32x32.png: Pestañas de navegadores de escritorio.
  3. apple-touch-icon.png (180×180): Icono para iPhone y iPad.
  4. android-chrome-192x192.png y 512x512.png + site.webmanifest: Manifiesto web para Android y PWA.

Si necesitas editar los colores de tu logo vectorial antes de subirlo, utiliza el Visor y Optimizador SVG o el Selector de Color.