WebARで3Dモデルを表示するために欠かせないのが「GLBファイル」です。しかし「GLBとglTFの違いは？」「USDZとどう使い分ける？」「ファイルが重くてARが遅い」など、GLBファイルに関する疑問は多いです。本記事では、WebAR制作者が知っておくべきGLBファイルの基礎知識から、Blenderでのエクスポート方法、Draco圧縮による軽量化まで詳しく解説します。

GLBファイル（glTF Binary）とは

GLBは「GL Transmission Format Binary」の略で、Khronos Groupが策定した3Dモデルのファイル形式です。3Dモデルのジオメトリ（頂点データ）・マテリアル（色・質感）・テクスチャ・アニメーションを1つのファイルにバイナリ形式でまとめた形式です。

GLBとglTFの違い

項目GLBglTF（.gltf）
ファイル構成1つのバイナリファイルJSONファイル＋別ファイル（テクスチャ画像など）
配布のしやすさ1ファイルで完結（◎）複数ファイルの管理が必要（△）
読み込み速度高速やや遅い（複数リクエストが必要）
用途WebAR・Web配信・配布開発・編集時（中間ファイル）
ファイルサイズほぼ同じほぼ同じ

WebARでの利用には、1ファイルで完結するGLBが圧倒的に向いています。glTFは開発・編集の中間ファイルとして使い、最終的にGLBに変換して配信するのがベストプラクティスです。

GLBとUSDZの使い分け

USDZはAppleが採用している3Dファイル形式で、iOSのAR Quick Lookで使用されます。GLBとUSDZは以下のように使い分けます。

用途推奨フォーマット
WebARプラットフォーム全般（Vossle・8th Wallなど）GLB
iOSのSafariでAR Quick Lookを表示USDZ
Googleの3Dビュー（Search AR）GLB
AppleのRealityKitアプリUSDZ

ECサイトの商品AR対応では、GLBとUSDZの両方を用意して、ユーザーのOS（iOS/Android）に応じて自動的に切り替える実装が一般的です。

WebAR用GLBのファイルサイズ目安

WebARではモバイル回線でのリアルタイム読み込みが必要なため、ファイルサイズが体験品質に直結します。以下を目安にしてください。

状況推奨サイズ
一般的なWebARコンテンツ5MB以下
SNSキャンペーン・初回接触2MB以下
高品質が求められるEC・ショールーム10MB以下

5MBを超えると4G回線での読み込みに5秒以上かかることがあり、ユーザーが離脱するリスクが高まります。

BlenderからGLBをエクスポートする手順

STEP1：3Dモデルを最適化する

エクスポート前に、ポリゴン数を削減します。WebAR向けには総ポリゴン数を50,000以下に抑えることが目安です。Blenderの「Decimate Modifier」を使うと自動的にポリゴン数を削減できます。また、テクスチャ画像は2048×2048px以内に収めてください。

STEP2：マテリアルをPBR（Principled BSDF）に統一する

GLBフォーマットはPBR（物理ベースレンダリング）マテリアルに対応しています。BlenderのPrincipled BSDFシェーダーを使ったマテリアル設定がGLBに正しく変換されます。カスタムシェーダーはGLBで正しく表示されない場合があるため注意してください。

STEP3：GLBとしてエクスポート

Blenderメニュー「ファイル」→「エクスポート」→「glTF 2.0（.glb/.gltf）」を選択します。エクスポート設定で「フォーマット」を「glTF Binary（.glb）」に設定します。「テクスチャを含む」「アニメーションを含む」のチェックを確認してエクスポートします。

Draco圧縮でGLBを軽量化する

Googleが開発したDraco圧縮を使うと、GLBファイルのサイズを60〜80%削減できます。

Draco圧縮の方法

Node.jsのgltf-pipelineツールを使うのが一般的です。ターミナルで以下のコマンドを実行します。

npm install -g gltf-pipeline
gltf-pipeline -i model.glb -o model-draco.glb --draco.compressionLevel 7

圧縮レベルは1〜10で、7〜8が品質と圧縮率のバランスが良い設定です。圧縮後は必ず3Dビュアーで見た目を確認してください。

gltf.reportで品質確認

gltf.reportはGLBファイルをブラウザ上で解析できる無料ツールです。ポリゴン数・テクスチャサイズ・ファイル内の構成を確認でき、最適化の改善点を具体的に把握できます。GLBエクスポート後は必ずgltf.reportで確認することをおすすめします。

3Dモデル制作・WebAR実装のご相談

GLBファイルの軽量化・WebAR実装・3Dモデル制作をトータルでサポートします。まずはお気軽にご相談ください。

無料相談はこちら →

よくある質問