[{"data":1,"prerenderedAt":569},["ShallowReactive",2],{"docs-article-\u002Fdocs\u002Fsite-builder\u002Fmedia-library":3,"docs-all":315},{"id":4,"title":5,"body":6,"category":303,"categoryLabel":304,"description":305,"extension":306,"meta":307,"navigation":308,"order":309,"path":310,"pro":308,"seo":311,"stem":312,"updated":313,"__hash__":314},"docs\u002Fdocs\u002Fsite-builder\u002Fmedia-library.md","Медиа-библиотека",{"type":7,"value":8,"toc":290},"minimark",[9,13,17,22,49,53,70,77,81,84,110,113,117,137,140,160,163,167,170,180,183,197,201,208,211,227,230,234,237,241,255,261,265,268,271,275],[10,11,5],"h1",{"id":12},"медиа-библиотека",[14,15,16],"p",{},"Один раз загруженная картинка доступна во всех блоках сайта. Не нужно перезагружать для каждого Hero или галереи.",[18,19,21],"h2",{"id":20},"где","Где",[23,24,25,37],"ul",{},[26,27,28,32,33,36],"li",{},[29,30,31],"strong",{},"Из любого блока"," — редактор справа → поле «Изображение» → ",[29,34,35],{},"Выбрать из библиотеки",".",[26,38,39,42,43,46,47,36],{},[29,40,41],{},"Напрямую"," — toolbar → ",[29,44,45],{},"Site"," → ",[29,48,5],{},[18,50,52],{"id":51},"форматы","Форматы",[23,54,55,58,61,64,67],{},[26,56,57],{},"JPG \u002F JPEG",[26,59,60],{},"PNG (с прозрачностью)",[26,62,63],{},"WebP",[26,65,66],{},"GIF (анимация поддерживается)",[26,68,69],{},"SVG (масштабируется без потерь)",[14,71,72,73,76],{},"Максимум ",[29,74,75],{},"10 МБ"," на файл.",[18,78,80],{"id":79},"папки","Папки",[14,82,83],{},"В корне библиотеки можно создавать папки:",[23,85,86,92,98,104],{},[26,87,88,91],{},[29,89,90],{},"Heroes"," — фото для баннеров.",[26,93,94,97],{},[29,95,96],{},"Products"," — фото блюд.",[26,99,100,103],{},[29,101,102],{},"Interior"," — интерьер.",[26,105,106,109],{},[29,107,108],{},"Logos"," — логотипы \u002F иконки.",[14,111,112],{},"Помогает организовать. Можно жить и без папок — просто список.",[18,114,116],{"id":115},"загрузка","Загрузка",[23,118,119,125,131],{},[26,120,121,124],{},[29,122,123],{},"Drag-n-drop"," — перетащите файл(ы) в окно библиотеки.",[26,126,127,130],{},[29,128,129],{},"Кнопка «Загрузить»"," — выбор через проводник.",[26,132,133,136],{},[29,134,135],{},"Одновременно до 20 файлов"," — пачкой.",[14,138,139],{},"Большие файлы автоматически оптимизируются:",[23,141,142,145,153],{},[26,143,144],{},"JPG — сжимается до качества 85 %.",[26,146,147,148,152],{},"PNG — прогон через ",[149,150,151],"code",{},"pngquant"," с сохранением прозрачности.",[26,154,155,156,159],{},"WebP — дополнительно создаётся ",[149,157,158],{},".webp"," версия, Misea отдаёт её современным браузерам.",[14,161,162],{},"Результат: исходный 8 МБ фотофайл может весить 600–800 КБ без видимой потери качества.",[18,164,166],{"id":165},"public-url","Public URL",[14,168,169],{},"Каждая картинка имеет публичный URL вида:",[171,172,177],"pre",{"className":173,"code":175,"language":176},[174],"language-text","\u002Fmedia\u002F\u003Ctenant>\u002Fsite-media\u002F\u003Chash>.jpg\n","text",[149,178,175],{"__ignoreMap":179},"",[14,181,182],{},"Его можно:",[23,184,185,191,194],{},[26,186,187,188,36],{},"Копировать и вставлять в блок «Текст» через ",[149,189,190],{},"![alt](\u002Fmedia\u002F...\u002Ffile.jpg)",[26,192,193],{},"Использовать в произвольном HTML (редкий кейс).",[26,195,196],{},"Шарить напрямую (например, для рекламных объявлений).",[18,198,200],{"id":199},"удаление","Удаление",[14,202,203,204,207],{},"Картинку в библиотеке ",[29,205,206],{},"нельзя удалить безопасно"," одной кнопкой: если она используется в блоках, сайт сломается.",[14,209,210],{},"Правильный путь:",[212,213,214,217,220],"ol",{},[26,215,216],{},"В детальной карточке картинки Misea показывает: «Используется в 3 блоках».",[26,218,219],{},"Сначала замените её везде.",[26,221,222,223,226],{},"Тогда кнопка ",[29,224,225],{},"Удалить"," станет активной.",[14,228,229],{},"Если удалить всё же нужно срочно — сделайте это, и Misea заменит её на плейсхолдер «Изображение недоступно» во всех местах использования.",[18,231,233],{"id":232},"версионность","Версионность",[14,235,236],{},"Если вы перезагружаете файл с тем же именем — сохранится как новая версия. В карточке можно посмотреть историю и вернуться к прошлой.",[18,238,240],{"id":239},"лимиты-по-тарифам","Лимиты по тарифам",[23,242,243,249],{},[26,244,245,248],{},[29,246,247],{},"Free:"," 50 МБ суммарно в библиотеке.",[26,250,251,254],{},[29,252,253],{},"Pro:"," 5 ГБ.",[14,256,257,258,36],{},"При приближении к лимиту Misea предупредит. Старые неиспользуемые файлы — удаляйте руками или через кнопку ",[29,259,260],{},"Очистить неиспользуемые",[18,262,264],{"id":263},"imagekit-и-оптимизация","ImageKit и оптимизация",[14,266,267],{},"За сценой Misea использует свой image pipeline: файл автоматически отдаётся в нескольких размерах (320, 640, 1280, 1920 px) в зависимости от устройства гостя. Мобильный телефон получает 640-версию, retina-ноутбук — 1920. Это ускоряет загрузку на 50–70 % по сравнению с «отдать оригинал всем».",[14,269,270],{},"Не нужно самому создавать разные размеры — pipeline делает это.",[18,272,274],{"id":273},"следующие-шаги","Следующие шаги",[23,276,277,284],{},[26,278,279,36],{},[280,281,283],"a",{"href":282},"\u002Fdocs\u002Fsite-builder\u002Ftext-image-gallery","Блоки Текст, Изображение, Галерея",[26,285,286,36],{},[280,287,289],{"href":288},"\u002Fdocs\u002Fsite-builder\u002Flogo-favicon-nav","Логотип, фавикон, навигация",{"title":179,"searchDepth":291,"depth":291,"links":292},2,[293,294,295,296,297,298,299,300,301,302],{"id":20,"depth":291,"text":21},{"id":51,"depth":291,"text":52},{"id":79,"depth":291,"text":80},{"id":115,"depth":291,"text":116},{"id":165,"depth":291,"text":166},{"id":199,"depth":291,"text":200},{"id":232,"depth":291,"text":233},{"id":239,"depth":291,"text":240},{"id":263,"depth":291,"text":264},{"id":273,"depth":291,"text":274},"site-builder",null,"Папки и файлы (JPG \u002F PNG \u002F WebP \u002F GIF \u002F SVG до 10 МБ), загрузка, вставка в любой блок, public URL.","md",{},true,17,"\u002Fdocs\u002Fsite-builder\u002Fmedia-library",{"title":5,"description":305},"docs\u002Fsite-builder\u002Fmedia-library","2026-04-23","WBkSvOb5Gjf4aQr36FF6cRg259u3Ob6cZ-uoLOrsT7c",[316,321,327,333,338,343,348,353,358,363,368,372,376,381,385,389,393,398,403,407,411,415,419,423,427,431,436,440,444,448,452,456,460,465,469,473,477,482,485,490,495,500,505,510,515,520,524,525,530,535,540,545,548,551,554,557,560,563,566],{"path":317,"title":318,"description":319,"category":303,"order":320,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Ffrom-scratch","С нуля: витрина от и до","Полный сквозной маршрут по конструктору — от пустого шаблона до опубликованной витрины с каталогом, фирменным стилем, мобильной версией, QR-кодом и собственным доменом.",0,{"path":322,"title":323,"description":324,"category":325,"order":326,"pro":308},"\u002Fdocs\u002Fanalytics\u002Frevenue-average-check","Выручка и средний чек","\u002Freports — метрики выручки и ср. чека, графики по времени, сравнение периодов, Free vs Pro.","analytics",1,{"path":328,"title":329,"description":330,"category":331,"order":326,"pro":332},"\u002Fdocs\u002Fcatalog\u002Fadd-dish","Как добавить блюдо в меню","Пошагово — фото, цена, категория, модификаторы и опции. Что важно, а что можно пропустить.","catalog",false,{"path":334,"title":335,"description":336,"category":337,"order":326,"pro":308},"\u002Fdocs\u002Fdelivery\u002Fenable-delivery","Включить доставку и зоны","Настройка доставки, выбор между списком зон и полигонами на карте, минимальная сумма.","delivery",{"path":339,"title":340,"description":341,"category":342,"order":326,"pro":332},"\u002Fdocs\u002Ffaq\u002Ftroubleshooting","Чеклист — частые проблемы и как их решить","Не приходят заказы, не открывается QR-меню, гость не видит блюдо — 10 типичных ситуаций с решениями.","faq",{"path":344,"title":345,"description":346,"category":347,"order":326,"pro":332},"\u002Fdocs\u002Fgetting-started\u002Ffirst-login","Первый вход и создание заведения","Как зарегистрироваться в admin.misea.ru, добавить юрлицо и создать первую локацию за 5 минут.","getting-started",{"path":349,"title":350,"description":351,"category":352,"order":326,"pro":308},"\u002Fdocs\u002Floyalty\u002Fbonuses-cashback","Бонусы и кешбэк","\u002Floyalty — настройка начисления бонусов, правила списания, процент, лимиты.","loyalty",{"path":354,"title":355,"description":356,"category":357,"order":326,"pro":332},"\u002Fdocs\u002Forders\u002Forders-feed","Как читать ленту заказов","Статусы, фильтры, звуковые уведомления, чтобы ничего не пропустить.","orders",{"path":359,"title":360,"description":361,"category":362,"order":326,"pro":332},"\u002Fdocs\u002Fqr-tables\u002Ftables-and-locations","Столы и локации","Разница между локацией и столом, как добавить новую точку или новый QR-стол, что меняется при нескольких филиалах.","qr-tables",{"path":364,"title":365,"description":366,"category":367,"order":291,"pro":332},"\u002Fdocs\u002Fbilling\u002Fhow-to-pay-pro","Как оплатить Pro","Шаги оплаты через YooKassa, промокоды (−10%\u002F−20%), ежемесячная vs годовая подписка, чек.","billing",{"path":369,"title":370,"description":371,"category":331,"order":291,"pro":332},"\u002Fdocs\u002Fcatalog\u002Fcategories","Категории и подкатегории меню","Как сгруппировать блюда, задать порядок, скрыть категорию или сделать её пустой-заглушкой.",{"path":373,"title":374,"description":375,"category":337,"order":291,"pro":308},"\u002Fdocs\u002Fdelivery\u002Fpolygon-zones","Полигональные зоны на Яндекс.Картах","Рисование зон доставки в виде многоугольников, JS API ключ, автоопределение зоны по адресу гостя.",{"path":377,"title":378,"description":379,"category":380,"order":291,"pro":332},"\u002Fdocs\u002Fintegrations\u002Fiiko-setup","iiko — подключение шаг-за-шагом","Получение credentials iikoCloud, ввод в Misea, первая синхронизация, выбор терминала.","integrations",{"path":382,"title":383,"description":384,"category":352,"order":291,"pro":308},"\u002Fdocs\u002Floyalty\u002Fcustomer-card","Карточка клиента","\u002Fcustomers — история заказов, средний чек, избранные блюда, персональные заметки.",{"path":386,"title":387,"description":388,"category":357,"order":291,"pro":332},"\u002Fdocs\u002Forders\u002Fcancel-refund","Отмена и возврат заказа","Когда отменять, а когда делать возврат в YooKassa. Полный vs частичный возврат, шаги, типовые кейсы.",{"path":390,"title":391,"description":392,"category":362,"order":291,"pro":332},"\u002Fdocs\u002Fqr-tables\u002Fqr-codes","Как сгенерировать и распечатать QR-коды","Где взять QR-код для стола, какой размер распечатать, куда клеить и что увидит гость после сканирования.",{"path":394,"title":395,"description":396,"category":397,"order":291,"pro":332},"\u002Fdocs\u002Fstaff-schedule\u002Fshift-schedule","График смен","\u002Fschedule — добавление, перенос, замена смен, календарный вид, шаблоны.","staff-schedule",{"path":399,"title":400,"description":401,"category":367,"order":402,"pro":332},"\u002Fdocs\u002Fbilling\u002Fpro-expiration","Что происходит после окончания оплаты Pro","Grace-period 3 дня, что отключается сразу, что сохраняется навсегда, как восстановить Pro.",3,{"path":404,"title":405,"description":406,"category":331,"order":402,"pro":332},"\u002Fdocs\u002Fcatalog\u002Fmodifiers","Модификаторы — размеры, молоко, добавки","Как настроить варианты блюда с доплатой (S\u002FM\u002FL, растительное молоко, двойная порция) через шаблоны модификаторов.",{"path":408,"title":409,"description":410,"category":337,"order":402,"pro":308},"\u002Fdocs\u002Fdelivery\u002Fcourier-module","Курьерский модуль","Назначение заказов курьеру, статусы, Telegram-бот курьера, маршрутизация.",{"path":412,"title":413,"description":414,"category":347,"order":402,"pro":332},"\u002Fdocs\u002Fgetting-started\u002Fadmin-overview","Обзор админ-панели за 3 минуты","Карта всех разделов админки Misea — что где лежит, с чего начинать, куда смотреть ежедневно.",{"path":416,"title":417,"description":418,"category":380,"order":402,"pro":332},"\u002Fdocs\u002Fintegrations\u002Fiiko-troubleshooting","iiko — типичные ошибки","401\u002F403, конфликты SKU, несинхронизованные позиции, дубли модификаторов, задержка остатков.",{"path":420,"title":421,"description":422,"category":357,"order":402,"pro":332},"\u002Fdocs\u002Forders\u002Ftelegram-notifications","Уведомления о заказах в Telegram","Как подключить бота к чату персонала, кому приходят уведомления, что настраивается.",{"path":424,"title":425,"description":426,"category":303,"order":402,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fdraft-vs-published","Черновик vs публикация","Что сохраняется локально, что на сервере, что видят гости. Как работает автосохранение и кнопка «Опубликовать».",{"path":428,"title":429,"description":430,"category":397,"order":402,"pro":332},"\u002Fdocs\u002Fstaff-schedule\u002Ftimesheet-fot","Табель и ФОТ","\u002Ftimesheet — автоматический учёт часов, надбавки, закрытие периода, расчёт зарплаты.",{"path":432,"title":433,"description":434,"category":367,"order":435,"pro":332},"\u002Fdocs\u002Fbilling\u002Frefunds-plan-change","Возврат средств и смена тарифа","Политика возвратов, как перейти с месяца на год (или наоборот), когда возврат невозможен.",4,{"path":437,"title":438,"description":439,"category":331,"order":435,"pro":332},"\u002Fdocs\u002Fcatalog\u002Foptions","Опции блюда — острота, прожарка, без чего","Когда нужна опция, а когда модификатор. Как настроить варианты без доплаты.",{"path":441,"title":442,"description":443,"category":337,"order":435,"pro":308},"\u002Fdocs\u002Fdelivery\u002Fhours-minimums","Часы приёма заказов и минимальная сумма","Настройка времени приёма доставки, минимального чека зоны и локации, слот-расписание.",{"path":445,"title":446,"description":447,"category":347,"order":435,"pro":332},"\u002Fdocs\u002Fgetting-started\u002Finvite-colleague","Как пригласить коллегу в админку","Роли admin, manager, waiter, kitchen, courier — что каждый видит и может, как добавить нового сотрудника.",{"path":449,"title":450,"description":451,"category":380,"order":435,"pro":332},"\u002Fdocs\u002Fintegrations\u002Fyandex-maps-api-key","Яндекс.Карты — где взять JS API ключ","Регистрация на developer.tech.yandex.ru, получение ключа, привязка к домену, вставка в Misea.",{"path":453,"title":454,"description":455,"category":303,"order":435,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fhistory-undo","История изменений (Undo\u002FRedo)","12 снапшотов на страницу, Ctrl+Z и Ctrl+Shift+Z. Как откатить удалённый блок или неудачное редактирование.",{"path":457,"title":458,"description":459,"category":397,"order":435,"pro":308},"\u002Fdocs\u002Fstaff-schedule\u002Fhours-report","Отчёт по часам и ФОТ","\u002Freports\u002Fhours — план vs факт, переработки, стоимость часа, сравнение периодов.",{"path":461,"title":462,"description":463,"category":331,"order":464,"pro":332},"\u002Fdocs\u002Fcatalog\u002Fbulk-import","Массовый импорт меню из Excel","Формат файла, обязательные и опциональные поля, типичные ошибки при импорте 50+ позиций.",5,{"path":466,"title":467,"description":468,"category":347,"order":464,"pro":332},"\u002Fdocs\u002Fgetting-started\u002Fbrand-setup","Бренд — логотип, цвета, контакты","Где настроить название заведения, логотип, контактные данные и первичные цвета, которые подтянутся в QR-меню и на сайт.",{"path":470,"title":471,"description":472,"category":380,"order":464,"pro":332},"\u002Fdocs\u002Fintegrations\u002Ftelegram-bot-setup","Telegram — токен бота и привязка чата","BotFather, создание бота, токен, привязка персонала, уведомления о заказах.",{"path":474,"title":475,"description":476,"category":303,"order":464,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fhero-block","Блок Hero — баннер первого экрана","Заголовок, подзаголовок, фон-картинка, CTA-кнопка. Как сделать сильный первый экран, куда вести кнопку.",{"path":478,"title":479,"description":480,"category":303,"order":481,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fmenu-block","Блок Меню (каталог товаров)","Макеты сетка\u002Fсписок\u002Fкарточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.",6,{"path":282,"title":283,"description":483,"category":303,"order":484,"pro":308},"Markdown-редактор с жирным\u002Fкурсивом\u002Fпереносами, спецварианты (часы работы, скидки), галерея-список.",7,{"path":486,"title":487,"description":488,"category":303,"order":489,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fcontacts-block","Блок Контакты","Телефон, адрес, карта, соцсети. Как переопределить данные глобальных настроек для конкретной страницы или локации.",8,{"path":491,"title":492,"description":493,"category":303,"order":494,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fmap-block","Блок Карта","Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.",9,{"path":496,"title":497,"description":498,"category":303,"order":499,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fservice-blocks","Карточка товара, Кнопка заказа и служебные блоки","Product Card, Order Button, Categories, Cart, Checkout, Search — когда и зачем ставить.",10,{"path":501,"title":502,"description":503,"category":303,"order":504,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Ffonts-buttons","Шрифты и стиль кнопок","10 шрифтовых семейств, размер 12–24 px, скруглённые vs прямые кнопки, тени и rpadding.",12,{"path":506,"title":507,"description":508,"category":303,"order":509,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fanimated-backgrounds","Анимированные фоны (Pro)","60+ эффектов — кастомные, Vanta-ported, ReactBits-ported. Переопределение цветов, reduce motion, производительность.",13,{"path":511,"title":512,"description":513,"category":303,"order":514,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Flayout-variant-padding","Подложки блоков и отступы","layout_variant — section \u002F block \u002F empty. Как сделать блок на всю ширину или в виде карточки. Padding, border-radius, max-width.",14,{"path":516,"title":517,"description":518,"category":303,"order":519,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fseo-meta","SEO — глобальные и страничные мета-теги","Site-SEO vs Page-SEO. Title, description, keywords. OG-превью для соцсетей. Рекомендуемая длина.",15,{"path":288,"title":521,"description":522,"category":303,"order":523,"pro":308},"Логотип, фавикон, название сайта и навигация","Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog \u002F page \u002F category \u002F url).",16,{"path":310,"title":5,"description":305,"category":303,"order":309,"pro":308},{"path":526,"title":527,"description":528,"category":303,"order":529,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fmulti-location","Конструктор для сети ресторанов (per-location)","Глобальные vs per-location настройки, переключатель в toolbar, подтверждение при несохранённых изменениях.",18,{"path":531,"title":532,"description":533,"category":303,"order":534,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fresponsive-preview","Responsive preview (Desktop \u002F Mobile)","Live-iframe с postMessage, переключение 1200px ↔ 390px, почему важно проверять оба режима.",19,{"path":536,"title":537,"description":538,"category":303,"order":539,"pro":308},"\u002Fdocs\u002Fsite-builder\u002Fcustom-domain","Собственный домен и поддомен","Настройка custom domain, subdomain fallback, TLS-сертификат. DNS-записи, проверка.",20,{"path":541,"title":542,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fbilling\u002Ffree-vs-pro","Free vs Pro — что входит в каждый тариф","[object Object]",100,{"path":546,"title":547,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fgetting-started\u002Ftrial-period","Что такое trial и что будет через 7 дней",{"path":549,"title":550,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fintegrations\u002Fiiko-overview","iiko — зачем нужна синхронизация",{"path":552,"title":553,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fqr-tables\u002Fguest-experience","Что видит гость после сканирования QR",{"path":555,"title":556,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fsite-builder\u002Fcolor-palette","Цветовая палитра — 7 слотов, primary и secondary",{"path":558,"title":559,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fsite-builder\u002Finterface","Интерфейс конструктора — 3 панели и toolbar",{"path":561,"title":562,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fsite-builder\u002Fintroduction","Что такое конструктор витрины и зачем он нужен",{"path":564,"title":565,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Fstaff-schedule\u002Fpositions-departments","Должности и отделы",{"path":567,"title":568,"description":543,"category":304,"order":544,"pro":332},"\u002Fdocs\u002Ftelegram-bot\u002Fwaiter-bot","Официант через Telegram-бот",1777025875155]