Generar favicon

Seis: el favicon.ico con los tamaños de 16, 32 y 48 píxeles dentro, dos PNG sueltos de 16 y 32, el apple-touch-icon de 180 que pide iPhone y iPad para la pantalla de inicio, y los dos grandes, de 192 y 512, que usa Chrome en Android cuando alguien añade tu sitio a la pantalla de inicio. No hay más porque no hacen falta más: cada uno de esos seis lo pide un sitio concreto.

Dentro de la etiqueta <head> de tu página, junto al título y las etiquetas meta. Los seis archivos van a la raíz del sitio —la misma carpeta donde está el index.html—, porque el fragmento los nombra con rutas que empiezan por la barra. Si los subes a otra carpeta, cambia esas rutas.

Al menos 512 píxeles de lado, que es el mayor del paquete: por debajo de eso los tamaños grandes se generan escalando hacia arriba y se ven borrosos. Si subes un SVG da igual el tamaño, porque un vector se rasteriza a la resolución que haga falta. Un detalle que no se ve en 512 píxeles tampoco se verá en 16.

Se centra dentro de un cuadrado con el fondo transparente, sin estirarlo y sin recortarle nada. Un favicon siempre se muestra en una casilla cuadrada, así que la alternativa sería deformarlo o cortarle un trozo, y ninguna de las dos es una decisión que deba tomar una herramienta por su cuenta.

No. Los seis tamaños, el .ico y el .zip se generan dentro de tu navegador. Puedes comprobarlo con la pestaña Red de las herramientas de desarrollo abierta, o desconectando internet después de que cargue la página: la herramienta sigue funcionando igual.