На десктопе и моб. устройствах обложка может занимать максимум 65% экрана по высоте. Если изображение или видео не вмещается в эту область, оно обрежется сверху и снизу. Главные объекты — люди, блюда, логотипы, тексты и др. — тоже могут попасть под обрезку.
✅ Существует безопасная зона — область на обложке, которая видна на любых разрешениях. Рекомендуем размещать главные объекты изображения или видео по центру, не выходя за безопасную зону. Так они не обрежутся и будут видны на любых разрешениях.
Если хотите разместить текст или логотип на обложке, рекомендуем делать это через интерфейс админ-панели. Так контент будет адаптироваться под разные устройства и разрешения, и обложка всегда будет выглядеть хорошо. Как добавить текст и логотип — в инструкции Обложка сайта: изображение/видео и текст.
Размещайте главные объекты изображения и видео по центру, не выходя за безопасную зону, — так они не обрежутся и будут видны на любых разрешениях.
Рекомендуем сжимать изображения через tinypng.com. Так сайт и приложение будут загружаться быстрее.
Рекомендуемые размеры:
На стандартной обложке можно разместить дополнительное изображение — обычно в качестве него используют логотип. Рекомендуемые размеры для десктопа и моб. устройств — 832 × 416 px.
Доп. изображение на обложке — логотип Starter Bistro в нижней части обложки