¿Un favicon tiene que ser cuadrado?
En la práctica, sí. Los favicons se muestran en espacios cuadrados (la pestaña, el marcador, el mosaico de la pantalla de inicio), así que una imagen no cuadrada o se rellena con espacio vacío o se distorsiona para encajar. El archivo no está estrictamente obligado a ser cuadrado, pero cualquier cosa que no lo sea se ve mal, por lo que cada tamaño de icono se define como un cuadrado de N×N. Reduce un logotipo ancho a un símbolo cuadrado en vez de comprimirlo.
Espacios cuadrados, en todas partes
Cada superficie que muestra un favicon reserva un cuadrado para él. Mete un rectángulo en un cuadrado y el navegador o lo enmarca con bandas (tu marca se encoge con barras vacías alrededor) o lo estira desproporcionadamente. Ninguno se ve intencionado.
Por eso los tamaños estándar son todos N×N. Diseñar el origen cuadrado desde el principio significa que cada superficie recibe exactamente lo que espera.
Preguntas frecuentes sobre la forma del favicon
¿Un favicon tiene que ser cuadrado?
Efectivamente sí. Se muestra en espacios cuadrados, así que una imagen no cuadrada se rellena o se distorsiona. Haz el origen cuadrado para evitar ambos.
¿Y si mi logotipo es ancho?
Usa solo el símbolo o una inicial en vez del conjunto completo. Un logotipo ancho comprimido en un favicon cuadrado se vuelve ilegible.
¿Qué relación de aspecto debería tener un favicon?
1:1, un cuadrado perfecto. Cada tamaño de favicon, de 16px a 512px, se define con ancho y alto iguales.