ManyChat Help Portal
Submit a ticket

Каким должен быть размер изображений в карточках и галереях?

Хороший вопрос!

Что касается изображений в галереях и карточках, следует использовать одно и то же соотношение сторон — 1,91 (ширина) к 1 (высота). Это соотношение одинаковое в мобильном приложении Messenger, в окне чата Facebook и в браузерной версии Messenger.

Рекомендуемый размер — 909x476 пикселей. Такие изображения безупречно отображаются практически на любом устройстве.

Вот заготовка этого размера:


Если у вас нет изображений именно такого разрешения, большинство контактов, наверное, даже не заметят снижения качества, если размер изображения будет хотя бы 500x262 пикселей.

Вот заготовка этого размера:

У изображений, которые вы отправляете в блоке «Картинка», динамическое соотношение сторон. 

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

Если изображение чуть-чуть широковато или высоковато, ничего страшного, но это тот случай, когда лучше быть широким, чем высоким.

Рекомендуемый размер — 900x900 пикселей. При этом разрешении изображение получится крупнее и резче.

Вот заготовка этого размера:

Если у вас нет изображений этого размера, желательно, чтобы они всё же не были мельче, чем 500x500 пикселей.

Обратите внимание, что нет никакой проблемы в том, чтобы отправить, например, изображение 900x500. Просто не делайте одну сторону более чем вдвое длиннее другой.

Кроме того, обратите внимание, что изображения, отправленные в блоке «Картинка», на разных устройствах выглядят по-разному. Ниже мы приведем подробную информацию, которая может быть не слишком интересной и может часто меняться.

При отображении в Messenger отношение ширины изображения к его высоте может варьироваться от 1:2 до 2:1. Изображения более вертикальные, чем 1:2, обрезаются сверху и снизу, так что контакт видит только середину. Аналогичным образом, изображения, более горизонтальные, чем 2:1, обрезаются слева и справа, так что видна только середина.

При просмотре на компьютере в браузерной версии Messenger широкие изображения отображаются настолько широкими, насколько позволяет экран контакта, а если их размер слишком велик, они масштабируются с сохранением пропорций.

Высокие изображения обрезаются сверху и снизу, если их высота больше, чем 2,2×ширина.

В окне чата в Facebook изображение выводится с соотношением сторон, практически равным исходному. Очень широкие или очень высокие изображения будут выглядеть очень маленькими, поэтому настоятельно рекомендуется их не использовать.


*Учитывайте, что по утверждению документации Facebook, изображения более10 МБ в Messenger отображаться не будут. Впрочем, в большинстве случаев их можно загрузить в сценарий.*