Фавиконы и значки сайта

Разные типы значков вашего сайта позволяют выделить ваш сайт при различных сценариях. Рекомендуется использовать простые уникальные графические образы (например, логотип), поскольку иногда значки сжимаются до очень маленьких размеров (например, 16x16 пикселей) и мелкие элементы перестают различаться.

Чтобы настроить значки, перейдите в раздел «Настройки → Технические → Фавикон» и загрузите изображения в каждый из блоков.

Favicon

Favicon отображается во вкладке сайта в браузере и в выдаче поисковых систем.

Загружайте изображения размером 120x120px в форматах SVG, PNG или ICO.

Значок для браузера

Отображается в крупных закладках сайта в браузере.

Загружайте изображения размером 144x144px в форматах SVG, PNG или ICO.

Рекомендуем делать значки с полной заливкой квадрата, поскольку зачастую операционные системы самостоятельно обрезают значок по нужной им форме (круг, квадрат с закругленными углами).

Apple-touch-icon

Подставляется на устройствах фирмы Apple (iPhone, Macbook и другие) при установке сайта в качестве приложения.

Как установить Smink в качесве приложения читайте в статье.

Загружайте изображения размером 180x180px в формате PNG.

Рекомендуем делать значки с полной заливкой квадрата, поскольку зачастую операционные системы самостоятельно обрезают значок по нужной им форме (круг, квадрат с закругленными углами).

Manifest

Используется в некоторых специфических сенариях взаимодействия посетителя с сайтом.

Загружайте изображения размером 512x512px в формате PNG.

Рекомендуем делать значки с полной заливкой квадрата, поскольку зачастую операционные системы самостоятельно обрезают значок по нужной им форме (круг, квадрат с закругленными углами).

Превью для соцсетей

Подставляется при отправке сайта в социальной сети, если на отправляемой странице сайта не оказалось другого подходящего изображения.

Строгих правил по размерам нет, однако рекомендуется использовать горизонтальную картинку с соотношение сторон 19:10, например 1140x600px в формате PNG, JPG или JPEG.