Generador de favicons: crea favicon.ico e iconos PWA

Qué produce este generador de favicons

Un favicon dejó de ser un solo archivo hace mucho. Una pestaña del navegador quiere 16 píxeles, una pestaña retina quiere 32, un acceso directo en el escritorio de Windows pide 48, la pantalla de inicio de un iPhone espera un PNG de 180 píxeles, y una aplicación web instalable necesita iconos de 192 y 512 píxeles declarados en un manifiesto. Esta herramienta toma una imagen de origen y genera todo de una vez: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png y un site.webmanifest, empaquetados en un ZIP junto con las cuatro líneas de HTML que los conectan. El .ico se construye a mano en vez de delegarse en un conversor. ICO es un formato contenedor, no un códec: una cabecera de seis bytes registra cuántas imágenes hay dentro, luego una entrada de dieciséis bytes por imagen registra su ancho, alto, longitud y desplazamiento absoluto, y las imágenes van a continuación. Todos los navegadores actuales aceptan datos PNG dentro de esas cargas, así que este generador escribe PNGs en lugar de la codificación heredada BMP/DIB con su orden de filas ascendente y máscara de transparencia de un bit separada. Se incluyen tres imágenes —16, 32 y 48 píxeles— para que Windows y navegadores más antiguos elijan el tamaño exacto en lugar de escalar uno mal. Un detalle: si alguna vez examinas los bytes, ancho y alto ocupan cada uno un solo byte, así que 256 se escribe como cero y nada más grande puede expresarse. La calidad del escalado recibe la misma atención. Reducir un logo de 1024 píxeles directamente a 16 en una sola llamada drawImage pide al navegador que resuma un bloque de 64 por 64 de una muestra de 2 por 2, descartando casi todos los píxeles originales y produciendo el amasijo moteado por el que son famosos los favicons caseros. Esta herramienta reduce la imagen repetidamente a la mitad, sin nunca bajar más de la mitad en un solo paso, por lo que cada pasada promedia el vecindario completo y el detalle fino sobrevive hasta los 16 píxeles. El radio de esquina y el relleno se aplican como parte del render, no a posteriori, manteniendo el borde redondeado suavizado en cada tamaño.