Моделі доповненої реальності

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 unit = 1 m

Масштаб glTF, тож AR розміщує об’єкт у реальному розмірі

Як створити AR 3D-моделі, які люди зможуть розмістити у своїй кімнаті

На обох мобільних платформах є вбудований AR-переглядач. Потрібен один файл для кожної платформи й правильний розмір, заданий у файлі.

01
Генеруйте з одного фото
Завантажте чітке фото одного об’єкта тут або в студії. Для AR генеруйте з текстурами (3 кредити, платний план): сіра модель на реальному столі виглядає незавершеною. Генерація з текстурами зазвичай триває 3–5 хвилин.
02
Задайте реальний розмір
AI не знає, який у вашого об’єкта розмір. Відкрийте GLB у Blender, задайте розміри в метрах на панелі N, застосуйте масштаб і експортуйте повторно. У glTF 1 unit = 1 m, тож AR розмістить об’єкт саме такого розміру.
03
Експортуйте GLB для Android і вебу
GLB завантажують Scene Viewer від Google і вебкомпонент <model-viewer>. Це також безкоштовне завантаження.
04
Експортуйте USDZ для пристроїв Apple
USDZ — це формат, який AR Quick Look відкриває у Safari, Повідомленнях, Пошті, News і Нотатках на iPhone, iPad та Apple Vision Pro. Це платний експорт зі студії, або ж конвертуйте GLB самостійно безкоштовним конвертером GLB у USDZ.
05
Перевірте обидва файли
Перегляньте USDZ у безкоштовному переглядачі USDZ, а GLB — у переглядачі GLB. Перед публікацією перевірте, чи не бракує текстур і чи розумна кількість трикутників.
06
Публікуйте за посиланням або через вбудову
Розмістіть файли на HTTPS і використайте код із наступного розділу. Один тег <model-viewer> може обслуговувати обидві платформи.

Моделі доповненої реальності: що потрібно кожній платформі

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

	iPhone / iPad (AR Quick Look)	Android (Scene Viewer)
Формат файлу	USDZ	glTF 2.0 / GLB
Подавати як	MIME-тип `model/vnd.usdz+zip`	HTTPS-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
Матеріали	PBR	PBR; рекомендовано до 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: товари, декор і колекційні речі. Обертайте кожен, щоб оцінити текстуру зблизька так, як це зробив би покупець.

3D-модель бігового кросівка для AR, створена з фото товару — Кросівок для бігу – модель товару для кнопки «переглянути у своїй кімнаті» на сторінці взуття

3D-модель вінтажної кінокамери для доповненої реальності — Вінтажна плівкова камера – маленький об’єкт, який добре виглядає в реальному розмірі на столі

Статуя садового гнома для розміщення на патіо в AR — Статуетка садового гнома – декор, який можна переглянути на реальному патіо

AR-модель іграшкового динозавра, згенерована із зображення — Іграшковий динозавр – колекційна річ, яку діти можуть розмістити на підлозі

Пишна скринька для прикрас, емальована троянда всередині, перлинна облямівка, стиль клуазоне — Оздоблена шкатулка для прикрас – витончена емалева текстура для сторінки товару в магазині подарунків

Латунний свічник, грона винограду з вітражного скла, виноградна лоза в стилі модерн — Латунний підсвічник – декор із чітким силуетом

USDZ для AR: як правильно задати розмір і вагу файлу

Дві речі змушують AR-модель виглядати неправильно на телефоні: неправильний розмір і повільне завантаження. Виправте розмір до експорту, бо він є частиною файлу: кросівок заввишки 26 cm має бути 0.26 units заввишки в 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, щоб він вгадав задню частину товару лише за переднім фото
Очікувати анімації – моделі статичні
Використовувати AI-моделі там, де важливі точні виміри, наприклад для деталі, яка має підійти

Чесні обмеження AR-контенту, створеного AI

AI-реконструкція чудово показує, як щось виглядає і яке воно велике в кімнаті. Це не вимірювальне сканування: пропорції близькі, але не точні, а дрібний текст на етикетці зазвичай виходить розмитим. Якщо покупцю треба знати, чи вміститься коробка на полицю 40 cm, укажіть реальні розміри на сторінці поруч із кнопкою AR.

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

Інструменти для AR-файлів

GLB у USDZ

Створіть USDZ з GLB, щоб модель відкривалася в AR на iPhone та iPad.

OBJ в USDZ

Перетворіть OBJ на USDZ, що відкривається в AR Quick Look на iPhone та iPad у справжньому масштабі.

Переглядач USDZ

Відкривайте AR-формат Apple на будь-якому комп'ютері чи телефоні та перевіряйте текстури, кількість полігонів і реальний розмір.

Переглядач GLB

Відкривайте файли GLB і glTF у браузері з текстурами та анімацією.

Дизайн інтер'єру

Створіть 3D-модель меблів з одного фото товару для рендерів кімнат, AR у реальному масштабі та мініатюрного друку.

Меш для Second Life

Аксесуари, улюбленці, реквізит і базові меші аватарів з одного фото — підготовлені для завантажувача мешів Second Life.

FAQ

Часті запитання

Який формат файлів використовують AR 3D-моделі?

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, Повідомлень, Пошти, News або Нотаток і торкніться; 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 unit за 1 meter, тож задайте реальні розміри об’єкта в Blender перед експортом: ваза заввишки 30 cm має бути 0.3 units заввишки. Потім зафіксуйте це через 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.

Схожі інструменти та гайди