Перейти к содержанию

📸 Размеры фото блюд и варианты отображения🔗

ℹ️ Рекомендации по фото

Оптимальный размер фото — 1000×700px по горизонтали
Максимальный вес фото — 1mb

Блюдо на фотографии должно находиться по центру и располагаться с небольшим отступом от краев фотографии
(это важно, поскольку существует несколько форматов отображения фото в меню, а от выбранного формата зависит, какая область фото будет обрезана)

1️⃣ Как фото будет отображаться🔗

По опыту 😇 идеальных фото нам ни разу не присылали, поэтому в приложении и на сайте действует правило “вписывания“ фото в маску.

🤔 Масштабирует так, что ширина и высота картинки >= ширине и высоте маски. Если одна из сторон при этом становится больше соответствующей стороны маски, то картинка обрезается по этой стороне.

Исходное фото 1000×700px🔗


Как отображается на сайте🔗

Как отображается в приложении🔗


Тут есть 2 (а точнее, 3 варианта)

🔸 Бесконечное меню,🔗

когда пользователь сразу видит блюда

Это подходит для “недлинных” меню, чтобы пользователю не приходилось долго листать ℹ️

Навигация по категориям отображается пользователю сверху в виде “табов“.


🔸 Классическое отображение категориями🔗

Это самый классический вариант отображения, когда пользователь видит сначала список категорий блюд, а затем уже сами блюда ℹ️

💡 категории могут быть и вложенными, то есть когда при выборе категории пользователь видит новый список категорий, а затем уже блюда
(например: категория Суши и роллы => вложенные категории суши / роллы / сеты / гунканы => блюда выбранной вложенной категории)


🔸 Комбинация отображения категориями, а внутри табами бесконечного меню🔗

Этот вариант чаще всего используют кофейни ℹ️


2) Отображение фото категорий блюд🔗

🔸 Большие фото🔗

Рамка контента 1000×517px

🔸 Средние фото🔗

Рамка контента 937×700px

🔸 Маленькие фото🔗

Рамка контента 700×700px

🔸 Большие фото🔗

Рамка контента 937×700px

🔸 Средние фото🔗

Рамка контента 700×700px

3️⃣ Правила подготовки фото🔗

Вне зависимости от выбранного формата отображения фото в меню:

  1. размер фото 1000×700px
  2. вес фото 1mb
  3. контент размещаем по центру, подальше от краев

Сообщите вашему менеджеру ✅

  1. какой вы хотите использовать 1) Формат отображения меню
  2. какого размера 2) Отображение фото категорий блюд будем использовать (если будем)
  3. какого размера 3) Отображение фото блюд будем использовать