Guía de favicon para 2021

• Según las especificaciones de los navegadores, se necesitan muchísimos archivos, pero aquí se organiza todo en uno solo

• 5 imágenes y un archivo JSON

→ .ico 32x32: navegadores antiguos

→ .svg: escalable, compatible con la mayoría de los navegadores modernos, también admite modo oscuro

→ apple-touch-icon 180x180: para dispositivos Apple; desde iOS 8+ se usa el tamaño 180x180. Se ve mejor si se añade un relleno de unos 20 px y un color de fondo

→ manifest (JSON): para PWA y dispositivos Android

→ 192x192: pantalla de inicio

→ 512x512: para la pantalla de carga al abrir la PWA

• El artículo explica paso a paso cómo crear y optimizar estos 5 íconos a partir de un solo SVG