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

Рисунок 1
Favicon
Favicon отображается во вкладке сайта в браузере и в выдаче поисковых систем.
Загружайте изображения размером 120x120px в форматах SVG, PNG или ICO.

Рисунок 2
Значок для браузера
Отображается в крупных закладках сайта в браузере.
Загружайте изображения размером 144x144px в форматах SVG, PNG или ICO.
Рекомендуем делать значки с полной заливкой квадрата, поскольку зачастую операционные системы самостоятельно обрезают значок по нужной им форме (круг, квадрат с закругленными углами).

Рисунок 2
Apple-touch-icon
Подставляется на устройствах фирмы Apple (iPhone, Macbook и другие) при установке сайта в качестве приложения.
Загружайте изображения размером 180x180px в формате PNG.
Рекомендуем делать значки с полной заливкой квадрата, поскольку зачастую операционные системы самостоятельно обрезают значок по нужной им форме (круг, квадрат с закругленными углами).

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

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

Рисунок 5