AR 試し置きは、家具・雑貨・小物の EC で購入率を大きく押し上げる施策です。しかし従来は3Dスキャナー機材と撮影スタジオが必要で、中小ECには敷居が高い領域でした。Image2GLB は商品写真1枚から AR 表示用の GLB を生成し、Shopify テーマや BASE のカスタム HTML に貼るだけで AR 対応が完了します。
iOS Safari の Quick Look (USDZ) も Web の <model-viewer> 経由で動作するため、追加のアプリインストールは不要。GLB と USDZ の両方を視野に入れたフローを最初から組めます。
実際に作れる3Dモデルのサンプル
下のビューアはマウス/タッチでぐるぐる回せます。すべて Image2GLB の AI で生成済みのサンプルです。
サンプル3Dモデル 操作可能な3Dビューアを準備中
サンプル3Dモデル 操作可能な3Dビューアを準備中
サンプル3Dモデル 操作可能な3Dビューアを準備中
EC 商品の AR 表示を1枚画像から立ち上げる手順
- 1
商品写真を 3/4 ビューで撮影
白背景・斜め上から。1枚で十分。
- 2
Image2GLB で 3D 化
3〜5 分で GLB が完成。
- 3
CDN にアップロード
Cloudflare R2 / Vercel Blob などに GLB を配置。
- 4
<model-viewer> を商品ページに埋め込み
ar 属性を付ければスマホで AR ボタンが出ます。
- 5
iOS USDZ 変換 (任意)
Apple Reality Converter で USDZ も作れば iOS Quick Look 完全対応。
よくある質問
- Q. Shopify でも動きますか?
- はい、Liquid テンプレートに <model-viewer> タグを直接書けば動作します。アプリ不要。
- Q. 商用利用 OK ですか?
- 有料プランで商用利用可能。EC ストアでの活用は何ら問題ありません。
- Q. iPhone でも AR 表示できますか?
- USDZ も用意すれば iOS Quick Look で完全に動作します。GLB のみでも Android Chrome は対応します。