SupaVoxel
Модели для дополненной реальности

AR 3D-модели из одного фото

Создайте AR 3D-модели по одной фотографии за 3–5 минут: GLB для Scene Viewer на Android и веба, USDZ для AR Quick Look на iPhone и iPad.

  • 3 бесплатных кредита, без карты
  • GLB + USDZ
  • iPhone, iPad и Android
Обновлено октябрь 2026 г.
3–5 мин
Типичная генерация с текстурой
100k
Рекомендуемый Google лимит треугольников для Scene Viewer
10 MB
Рекомендуемый максимальный размер файла для Scene Viewer
1 единица = 1 м
Масштаб glTF: AR ставит объект в реальном размере

Как сделать AR 3D-модели, которые можно поставить в своей комнате

На обеих мобильных платформах есть встроенный AR-просмотрщик. Нужен отдельный файл для каждой платформы — и правильный размер, зашитый в модель.

  1. 01

    Сгенерируйте по одному фото

    Загрузите четкое фото одного объекта здесь или в студии. Для AR генерируйте с текстурой (3 кредита, платный план): серая модель выглядит незаконченной на реальном столе. Генерация с текстурой обычно занимает 3–5 минут.
  2. 02

    Задайте реальный размер

    ИИ не знает, насколько велик ваш объект. Откройте GLB в Blender, задайте размеры в метрах на панели N, примените масштаб и экспортируйте заново. В glTF 1 единица = 1 м, поэтому AR разместит объект именно такого размера.
  3. 03

    Экспортируйте GLB для Android и веба

    GLB загружают Scene Viewer от Google и веб-компонент <model-viewer>. Это также бесплатный вариант скачивания.
  4. 04

    Экспортируйте USDZ для устройств Apple

    USDZ — формат, который открывает AR Quick Look в Safari, Сообщениях, Почте, Новостях и Заметках на iPhone, iPad и Apple Vision Pro. Это платный экспорт в студии; либо конвертируйте GLB сами с помощью бесплатного конвертера GLB в USDZ.
  5. 05

    Проверьте оба файла

    Посмотрите USDZ в бесплатном просмотрщике USDZ, а GLB — в просмотрщике GLB. Перед публикацией проверьте, не пропали ли текстуры и разумно ли количество треугольников.
  6. 06

    Опубликуйте по ссылке или встройте на сайт

    Разместите файлы на HTTPS и используйте код из следующего раздела. Один тег <model-viewer> может обслуживать обе платформы.

Модели для дополненной реальности: что нужно каждой платформе

Требования из документации Apple и Google для разработчиков, проверено в октябре 2026 года.

iPhone / iPad (AR Quick Look)Android (Scene Viewer)
Формат файлаUSDZglTF 2.0 / GLB
Отдавать какMIME-тип model/vnd.usdz+zipHTTPS-URL
Веб-ссылка<a rel="ar" href="model.usdz"> с ровно одним дочерним элементом <img> или <picture>Ссылка вида intent://arvr.google.com/scene-viewer/1.0?file=…
Ограничения по размеруОпубликованных жестких цифр нет; ориентируйтесь на требования Android как на безопасный бюджетРекомендуется 100k треугольников (идеально 30–50k), 10 MB, текстуры до 2048 × 2048
МатериалыPBRPBR; рекомендуется до 10 материалов, 1 UV-набор на меш (жесткое ограничение)
Расширениян/дУказаны только KHR_materials_unlit и KHR_texture_transform
ОриентацияУстанавливается вертикально на найденной поверхности+Y вверх; передняя сторона должна смотреть на +Z
ТениНе запекайте их в текстуруЖесткие тени добавляются автоматически — не запекайте их в текстуру

Код для встраивания AR 3D-моделей на сайт

Один тег для всех телефонов. Веб-компонент Google <model-viewer> загружает GLB и с атрибутом ar предлагает AR на поддерживаемых устройствах. Значение по умолчанию для ar-modes — webxr scene-viewer quick-look, в этом порядке приоритета. Если не задать ios-src, он на лету сгенерирует USDZ для iPhone, так что один GLB может покрыть обе платформы. Установите ar-placement="wall" для картин и зеркал и ar-scale="fixed", чтобы покупатель не мог масштабировать товар до неверного размера.

Только iPhone, без JavaScript. Свяжите USDZ с rel="ar", обернув одно превью <img>. Тогда Safari откроет AR Quick Look на месте, не уводя со страницы, и вернет на вашу страницу при выходе. Сервер должен отдавать файл как model/vnd.usdz+zip, иначе Safari не распознает его как AR-контент.

Только Android. Используйте intent-ссылку на arvr.google.com/scene-viewer/1.0 с file=, равным HTTPS-URL вашего GLB. Добавьте mode=ar_only, чтобы пропустить 3D-просмотр (Google не советует использовать его для ссылок, запускаемых из браузера), resizable=false, чтобы зафиксировать реальный масштаб, и title= для отображаемого названия (обрезается после 60 символов). Укажите S.browser_fallback_url, чтобы люди без поддержки AR попадали на полезную страницу.

AR 3D-модели, созданные по одному фото

Объекты, которые действительно хочется поставить в AR: товары, декор и коллекционные вещи. Вращайте каждую модель, чтобы оценить текстуру вблизи — так же, как это сделает покупатель.

Беговой кроссовок — модель товара для кнопки «посмотреть у себя в комнате» на странице обуви
Винтажная плёночная камера — небольшой объект, который хорошо смотрится в реальную величину на столе
Статуэтка садового гнома — декор, который можно примерить на реальном патио
Игрушечный динозавр — коллекционная фигурка, которую дети могут поставить на пол
Резная шкатулка для украшений — тонкая эмалевая текстура для страницы товара подарочного магазина
Латунный подсвечник — декор с четким силуэтом

USDZ для AR: как не ошибиться с размером и весом

Две вещи заставляют AR-модель выглядеть неправильно на телефоне: неверный размер и медленная загрузка. Исправьте размер до экспорта, потому что он зашит в файл: 26-сантиметровый кроссовок должен быть высотой 0,26 единицы в glTF. Затем облегчите файл. Рекомендация Google для Scene Viewer — меньше 100 000 треугольников, идеально 30 000–50 000, меньше 10 MB и текстуры не больше 2048 × 2048.

  • Уменьшите число треугольников бесплатным упростителем меша
  • Наш компрессор GLB использует meshopt и WebP — это подходит для <model-viewer>, но Scene Viewer не указывает ни одного из этих расширений, поэтому проверьте перед использованием там
  • Не запекайте тени в текстуру; Scene Viewer добавит свои при размещении объекта
  • Разверните переднюю сторону объекта к +Z, чтобы он смотрел на зрителя

Что можно и чего нельзя с моделями для дополненной реальности

Рекомендуем
  • Фотографируйте товары при мягком равномерном свете — текстура берется с вашего снимка
  • Генерируйте модели с текстурой для всего, что увидят клиенты
  • Задавайте реальные размеры в метрах перед экспортом
  • Проверьте на одном iPhone и одном Android-телефоне перед запуском
  • Дайте запасное изображение для тех, у кого нет AR
Избегайте
  • Не используйте глянцевые блики или резкие тени на исходном фото
  • Не загружайте 50 MB файл на страницу товара
  • Не полагайтесь на то, что ИИ угадает заднюю сторону товара по снимку только спереди
  • Не ждите анимации — модели статичны
  • Не используйте AI-модели там, где важны точные размеры, например для детали, которая должна подойти

Честные ограничения AR-контента, сделанного ИИ

AI-реконструкция отлично показывает, как выглядит предмет и насколько он велик в комнате. Но это не измерительный скан: пропорции близки, но не точны, а мелкий текст на этикетке обычно получается размытым. Если покупателю нужно понять, поместится ли коробка на полку 40 см, укажите реальные размеры на странице рядом с AR-кнопкой.

Модели также не двигаются. Скелета нет, значит, нет циклов ходьбы и анимированных персонажей; их задача — статичная демонстрация. Для мебели смотрите сценарий для дизайна интерьера; для печати того же объекта — фигурка по фото.

FAQ

Частые вопросы

В каком формате делают 3D-модели для AR?

AR Quick Look от Apple на iPhone и iPad открывает USDZ. Scene Viewer на Android и большинство веб-AR, включая компонент model-viewer от Google, загружают glTF 2.0 или GLB. SupaVoxel бесплатно дает GLB, а USDZ — на платных планах; бесплатный конвертер GLB в USDZ превращает GLB в USDZ прямо в браузере.

Как посмотреть USDZ в AR на iPhone?

Откройте его из Safari, Сообщений, Почты, Новостей или Заметок и коснитесь; AR Quick Look покажет объект в 3D и позволит переключиться в AR. На сайте свяжите его с rel="ar" вокруг одного изображения-превью и отдавайте с MIME-типом model/vnd.usdz+zip.

Как открыть GLB в AR на Android?

Используйте Scene Viewer от Google через intent-ссылку на arvr.google.com/scene-viewer/1.0 с file=, равным HTTPS-URL GLB, или встройте его через model-viewer с атрибутом ar — он сам запустит Scene Viewer. Держитесь в пределах примерно 100 000 треугольников и 10 MB.

AR 3D-модели от SupaVoxel бесплатны?

Начните с 3 бесплатных кредитов, без карты. Модель без текстуры стоит 1 кредит и скачивается как GLB. Для AR обычно нужны модели с текстурой (3 кредита) и экспорт USDZ — для этого нужен платный план от $25 в год за 400 кредитов. Сам конвертер GLB в USDZ бесплатен.

Почему моя AR-модель неверного размера?

AI-модели выходят в произвольном масштабе. В glTF 1 единица = 1 метр, поэтому задайте реальные размеры объекта в Blender перед экспортом: ваза высотой 30 см должна быть 0,3 единицы. Затем зафиксируйте размер с помощью resizable=false в Scene Viewer или ar-scale="fixed" в model-viewer.

Можно ли коммерчески использовать AR-модели на странице товара?

Да, на любом платном плане. Коммерческая лицензия покрывает страницы товаров и маркетинг, если вы владеете правами на загруженное фото — обычно это ваша собственная съемка товара. Перед тем как ставить модель рядом с кнопкой покупки, проверьте, что она выглядит достоверно.

Можно ли анимировать AR-модели?

Нет. SupaVoxel создает статичные меши без скелета и анимации. Scene Viewer и AR Quick Look могут воспроизводить анимацию, которая уже есть в файле, но сначала вам придется сделать риг и анимацию в другом инструменте, например в Blender.

Работает ли один файл в AR на iPhone и Android?

На сайте — да. Встройте GLB через model-viewer от Google с атрибутом ar. По умолчанию ar-modes — это webxr, scene-viewer и quick-look, а без ios-src он на лету генерирует USDZ для iPhone. Но для отправки вне веба, например в Messages, отдельный файл USDZ всё равно понадобится.

Начать бесплатно

Поместите товар в комнату с помощью AR 3D-моделей

Загрузите фото, получите модель с текстурами за минуты и экспортируйте в GLB и USDZ. 3 бесплатных кредита, карта не нужна.

Без банковской карты · 3 бесплатных кредита на старте