Должен ли favicon быть квадратным?
На практике — да. Favicon отображаются в квадратных слотах (вкладка, закладка, плитка домашнего экрана), так что неквадратное изображение либо дополняется пустым пространством, либо искажается по размеру. Строго квадратным файл быть не обязан, но всё, что не квадратное, выглядит неправильно, поэтому каждый размер иконки определяется как квадрат N×N. Сведите широкий логотип к квадратному символу, а не сжимайте его.
Квадратные слоты повсюду
Каждая поверхность, показывающая favicon, резервирует под него квадрат. Подайте прямоугольник в квадрат — и браузер либо добавит поля (ваш знак уменьшится с пустыми полосами вокруг), либо растянет его непропорционально. Ни то, ни другое не выглядит намеренным.
Именно поэтому стандартные размеры все N×N. Проектирование исходника квадратным с самого начала означает, что каждая поверхность получает ровно то, что ожидает.
Частые вопросы о форме favicon
Должен ли favicon быть квадратным?
Фактически да. Он показывается в квадратных слотах, так что неквадратное изображение дополняется полями или искажается. Сделайте исходник квадратным, чтобы избежать обоих.
Что если мой логотип широкий?
Используйте только символ или инициал, а не всю композицию. Широкий логотип, втиснутый в квадратный favicon, становится нечитаемым.
Какое соотношение сторон должно быть у favicon?
1:1, идеальный квадрат. Каждый размер favicon, от 16px до 512px, определяется как равные ширина и высота.