Дизайн

Безопасная зона

На десктопе и моб. устройствах обложка может занимать максимум 65% экрана по высоте. Если изображение или видео не вмещается в эту область, то оно обрежется сверху и снизу. Главные объекты — люди, блюда, логотипы, тексты и др., тоже могут попасть под обрезку.

✅ Существует безопасная зона — область на обложке, которая видна на любых разрешениях. Рекомендуем размещать главные объекты изображения или видео по центру, не выходя за безопасную зону. Так они не обрежутся и будут видны на любых разрешениях.

Безопасная зона.png

<aside> 🧩

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

Как добавить текст и логотип рассказываем в инструкции

</aside>

Стандартная обложка

Безопасная зона

Для десктопа — 3040×568 px

Зона размещения контента в стандартной обложке, desktop.png

Для мобилки — 780×700 px

Зона размещения контента в стандартной обложке, mobile.png

Требования к контенту

<aside> 🧩

Размещайте главные объекты на изображении и видео по центру, не выходя за безопасную зону. Так они не обрежутся и будут видны на любых разрешениях.

</aside>

Изображение

Видео

Альтернативная обложка

Безопасная зона