Um Favicon Precisa Ser Quadrado?
Na prática, sim. Favicons são exibidos em espaços quadrados (a aba, o favorito, o bloco da tela inicial), então uma imagem não quadrada é preenchida com espaço vazio ou distorcida para caber. O arquivo não é estritamente obrigado a ser quadrado, mas qualquer coisa que não seja fica com aparência errada, e é por isso que todo tamanho de ícone é definido como um quadrado N×N. Reduza um logotipo largo a um símbolo quadrado em vez de espremê-lo.
Espaços quadrados, em todo lugar
Toda superfície que mostra um favicon reserva um quadrado para ele. Coloque um retângulo em um quadrado e o navegador ou o preenche com bordas (a sua marca encolhe com barras vazias ao redor) ou o estica fora de proporção. Nenhum dos dois parece intencional.
É por isso que os tamanhos padrão são todos N×N. Projetar a origem quadrada desde o início significa que toda superfície recebe exatamente o que espera.
Perguntas frequentes sobre formato de favicon
Um favicon precisa ser quadrado?
Efetivamente sim. Ele é exibido em espaços quadrados, então uma imagem não quadrada é preenchida com bordas ou distorcida. Faça a origem quadrada para evitar ambos.
E se o meu logotipo for largo?
Use apenas o símbolo ou uma inicial em vez do conjunto completo. Um logotipo largo espremido em um favicon quadrado fica ilegível.
Qual proporção um favicon deve ter?
1:1, um quadrado perfeito. Todo tamanho de favicon, de 16px a 512px, é definido com largura e altura iguais.