オンラインGLBビューア｜.glbファイルをブラウザで開く

GLBは「配信用の最終形」となるバイナリ3Dフォーマットです。このGLBビューアはAR Quick Look・Scene Viewer・<model-viewer>・Shopify ARに公開する前の.glbファイル最終確認に最適化。ドラッグ＆ドロップするだけで、PBRマテリアルとアニメーションを本番と同じ見た目で検証できます。

その他のオンライン3Dビューア

配信前の.glbファイルを本番と同じ見た目で検証

GLBビューアはAR Quick Look（iOS）・Scene Viewer（Android）・Googleの<model-viewer>・Shopify ARに.glbを公開する直前の、最終QAに使うためのツールです。これらの配信先はいずれも単一ファイルのGLBを前提にしており、PBRマテリアル・メタリック/ラフネス・ノーマルマップ・エミッシブ・glTF埋め込みアニメーションを同じWebGLレンダリングパスで描画します。このオンラインGLBビューアも同じパスで描画するため、スマホでAR起動した瞬間に見える通りのマテリアルを、ブラウザ上で事前に確認できます。Draco圧縮・KTX2テクスチャを含む最適化済みGLBにもそのまま対応します。

GLBビューアで.glbファイルのPBRマテリアルとアニメーションを確認

iPhone・Androidでもそのまま動く ― AR配信に直結

日本はiPhoneユーザー比率が高く、GLBファイルをそのままAR Quick Look（iOS 12以降）で起動する商品体験が増えています。このGLBビューアはiOS SafariとAndroid Chromeで直接.glbファイルを開ける数少ないオンラインビューアです。メルカリやBASE・Shopify JPなどのEC出品用3Dモデル、LINEミニアプリで使う軽量GLB、Sketchfab／KomposeなどWeb3Dサービスへ投稿する.glbアセットを、スマホからその場でチェックできます。処理は100%端末内で完結するため、サーバーへのアップロードは一切発生しません。

iPhoneとAndroidでオンラインGLBビューアがGLBモデルを表示

GLBファイルをオンラインで開く手順

BlenderやWindows 3Dビューアーを用意する必要はありません。3ステップで.glbファイルを確認できます。

1

.glbファイルをドラッグ＆ドロップ

BlenderからエクスポートしたGLB、Luma AIやMeshyなどで生成したAI 3Dモデル、Shopify・楽天・BASEに登録する商品3Dスキャン ― 最大200MBまでの.glbファイルをそのまま投入できます。ZIP解凍や.glTFへの変換は不要です。

2

WebGLで即座にレンダリング

ページはブラウザのWebGL2を使い、GLBビューア内で3Dモデルを即座に描画します。マウスドラッグで回転、スクロールでズーム、右クリックでパン。埋め込みアニメーションは自動再生され、PBRマテリアル・メタリック/ラフネス・ノーマル・エミッシブを本番配信時と同じ見た目で検証できます。

3

AR配信・EC公開前の最終チェック

スケール・向き・マテリアルの色味・透明度・アニメーション再生に問題がないことを確認してから、AR Quick Look・Scene Viewer・<model-viewer>・Shopify ARへ公開。違和感があればBlenderに戻って修正し、再度ドロップして比較する ― このループを数秒で回せます。

配信前チェックに最適化されたGLBビューア

開発中の.gltf編集ではなく、AR・EC・Web公開に使う最終GLBを検証するために設計されたオンラインGLBビューアです。

無料でGLBを開く

200MBまでの.glbに対応

フォトグラメトリで取得した商品3Dスキャン、AI 3Dジェネレーターが出力した高解像度GLB、Draco圧縮前の大容量アセット ― 50〜100MBで止まる一般的な無料GLBビューアと異なり、最大200MBまで圧縮なしでそのまま表示できます。

AR Quick Look・Scene Viewer相当の描画

glTF 2.0の標準PBR（Metallic-Roughnessワークフロー）、ベースカラー・ノーマル・メタリック/ラフネス・オクルージョン・エミッシブ、KTX2テクスチャ、埋め込みアニメーションを正しくレンダリング。iOS/AndroidのネイティブAR起動時と同じ見た目を事前に再現します。

Blender不要・Windows 3Dビューアー不要

.glbファイルの開き方がわからず困っていませんか？このページをブックマークしておけば、BlenderやgltF Sample Viewerを毎回立ち上げる必要はありません。ブラウザがあれば即座に.glbを開けます。Chrome・Safari・Firefox・Edge・Arcに対応、Windows・macOS・Linux・iOS・Androidで動作します。

端末内完結 ― リリース前モデルも安全に確認

読み込まれた.glbファイルはブラウザ内のWebGLコンテキストでのみ処理され、当社サーバーには一切送信されません。未公開のゲームアセット、発売前の商品3Dスキャン、NDA下のXRコンテンツでも安心して表示できます。

ユースケース
どんな人がGLBビューアを使う？

AR配信・EC・生成AI現場でのGLBビューア活用

GLBはアセット編集ではなく「配信用ファイル」です。このGLBビューアは、公開・デプロイ直前の.glbを素早く検証したい日本のクリエイター・開発者・EC担当者のために最適化されています。

  • EC・3D商品ビジュアライゼーション担当

    Shopify JP・BASE・楽天・自社ECに3D商品モデルをAR対応で公開する前に、テクスチャ・ライティング・スケールをGLBビューアで検証。Shopify ARの「ARで見る」ボタンから起動される.glbを、スマホのChrome/Safariでそのまま事前プレビューできます。

  • AR Quick Look・Scene Viewer配信者

    iOS向けのAR Quick Look、Android向けのScene Viewer、Googleの<model-viewer>はすべてGLBを標準入力として扱います。公開後にスケール違い・向き違い・マテリアル崩れに気付くのを防ぐため、.glbファイルをそのまま投入して最終状態を確認できます。

  • AI 3D生成ツールのユーザー

    Luma AI・Meshy・Tripo・Rodin・AI 3D Modelなどの生成ツールの多くはGLB形式で出力します。生成直後の.glbをこのGLBビューアにドロップし、ジオメトリの崩れ・テクスチャの焼き込み・マテリアルの適合性を確認してから、次の工程に渡せます。

  • ゲーム・XRアセット担当

    Unity・Unreal・Godot・PlayCanvasに取り込む前のゲームアセットをGLBで書き出して検証。Blenderでのエクスポート設定（YアップかZアップか、埋め込みテクスチャの有無、アニメーション範囲）が意図どおりか、ゲームエンジンを立ち上げる前にチェックできます。

  • Sketchfab・CGTrader・BOOTH出品者

    Sketchfab・TurboSquid・CGTrader・Unity Asset Store・BOOTHにGLBで出品する前に、あらゆる角度からモデルの見え方を確認。マテリアル・アニメーション・法線方向に問題がないか最終チェックし、購入者のレビュー品質を底上げします。

  • LINE・メルカリなどモバイルWeb担当

    LINEミニアプリ、メルカリShops、pixivなど、モバイルブラウザ前提のサービスに3Dモデルを組み込む際、GLBはファイルサイズと描画速度の観点で最適です。このGLBビューアをiOS SafariとAndroid Chromeで開き、実機表示とロード時間を配信前に体感できます。

ユーザーレビュー

日本のAR・EC・3Dクリエイターが選ぶGLBビューア

AR商品体験、3D EC出品、AI生成アセットの検証 ― .glbを実際の配信環境に出す直前のチェックに活用されています。

  • 5.0

    Shopify ARに出品する商品3Dモデルを毎週10点近くチェックしています。AR Quick Lookと同じ見え方をこのGLBビューアで事前に確認できるので、「ARで起動したら色味が違う」という差し戻しが激減しました。

    田中 美咲, EC企業・3D商品担当

  • 4.9

    社内ツールでAI生成したGLBを毎日数十個確認する必要があり、Blenderの起動時間が無視できないコストでした。ドラッグ＆ドロップで開けるこのオンラインGLBビューアに切り替えてから、確認作業は半分以下の時間で終わるようになっています。

    佐藤 健一, XRスタジオ・テクニカルアーティスト

  • 4.8

    Draco圧縮とKTX2を含む.glbファイルを扱うことが多いのですが、他の無料GLBビューアでは読み込めないケースがありました。このツールはそうした最適化済みGLBでも問題なく表示でき、かつ200MBまで対応しているので現場の主力になっています。

    山本 遼, Webフロントエンド／three.js開発者

GLBビューア ― よくある質問

.glbファイルをオンラインで開く・AR配信前に確認する手順についての疑問をまとめています。

AR・EC公開前の.glbファイル、ここで最終チェック

GLBはAR Quick Look・Scene Viewer・<model-viewer>・Shopify ARに直接投入する配信用の最終ファイルです。このGLBビューアにドラッグ＆ドロップして、公開後に発覚する色ズレ・スケール違い・アニメーション崩れを事前に防いでください。処理はすべて端末内で完結し、数秒でプレビューが完了します。

AR商品体験・3D EC・XR・AI 3D生成の現場で、配信前の.glbチェックに活用されています。

🔒 端末内で完結
📁 200MBまで
🚀 ドロップで即表示
🥽 AR配信に直結