GLB 頂点圧縮

ポリゴン削減とMeshoptまたはDracoを選択可能、より軽量なGLB、Webやエンジンに最適。

ワークスペース

ここにファイルをドロップ

またはクリックして選択、貼り付けに対応

ツールについて

GLBのジオメトリのみ圧縮(テクスチャは変更なし)。メッシュ簡略化でポリゴン削減;デフォルトはMeshopt推奨、Dracoも選択可能、両者は排他。出力は最適化されたGLB。すべてローカル処理。

ヒント

  • 1ランタイム復号にはMeshoptが優先、最大限のサイズ削減にはDraco
  • 2MeshoptとDracoは同時に有効化できません
  • 3ダウンロード前にプレビューで簡略化の強度をいつでも調整可能

使用方法

  1. モデルをアップロード

    GLBファイルをドラッグ&ドロップ

  2. パラメータを設定

    簡略化の設定;MeshoptまたはDracoを有効化(どちらか一方)

  3. 圧縮してダウンロード

    プレビュー後、最適化されたGLBをダウンロード

設定オプションについて

頂点 / ジオメトリ

メッシュ簡略化

50%0% – 100% · step 5%
メッシュ簡略化アルゴリズムを使用して面と頂点の数を削減。デフォルトは中程度。強度を上げるとさらにサイズは小さくなりますが、曲面の詳細が失われる可能性があります。ジオメトリ密度のみを変更し、コンテナフォーマットは変えません。

Meshopt 圧縮

オン
glTF/GLB に EXT_meshopt_compression を適用し、面数を変えずにジオメトリバッファを圧縮。デフォルトでオン、ランタイム読み込みに最適。Draco とは排他的。STL/OBJ/FBX などの非 glTF 出力では使用されません。
  • オン推奨: デフォルト。Meshopt コンテナ圧縮を有効にします。
  • オフ: Meshopt 拡張を書き込みません。

Meshopt レベル

高
Meshopt エンコード戦略。デフォルト「高」は通常ファイルサイズが小さくなり属性フィルタが有効、ほとんどの Web シーンに適切。「中」はより多くの属性を均一に量子化、一部のツールチェーンでより保守的。
  • 高推奨: デフォルト。より積極的な圧縮とフィルタ、通常はファイルサイズが小さくなります。
  • 中: より均一な量子化、圧縮率は通常やや低くなります。

Draco 圧縮

オフ
glTF/GLB に KHR_draco_mesh_compression を適用。サイズは Meshopt より小さいことが多いが、デコード負荷は大きい。デフォルトはオフ。Meshopt とは排他的。非 glTF 出力では使用されません。
  • オフ推奨: デフォルト。Draco 拡張を書き込みません。
  • オン: Draco を有効にします(Meshopt は無効になります)。

圧縮強度

61 – 10
Draco エンコード/デコードの速度トレードオフ、範囲 1, 10。値が高いほどサイズ優先、エンコードは遅くなります。デフォルト6はほとんどのモデルに適しています。

エンコード手法

Edgebreaker
Draco のトポロジエンコード方式。デフォルトは Edgebreaker、三角メッシュの圧縮率が良好。Sequential は一部のストリップ/点順序シーンに適しています。
  • Edgebreaker推奨: デフォルト。一般的な三角メッシュに最適です。
  • 順次: 順序付きストリップなどの特殊なトポロジに適しています。

Quantization bits

UI の詳細設定に表示されます。Meshopt または Draco が glTF を書き出す際の頂点属性の精度。デフォルト: 位置 14、法線 10、UV 12。ビット数を下げるほどファイルは小さくなりますが、亀裂、シェーディング、UV のアーティファクトが発生するリスクが高まります。

位置ビット数

148 – 16
POSITION 属性の量子化ビット数(8, 16)。デフォルト14:サイズと破損リスクのバランスが良好。低すぎると隙間やジッターが発生する可能性があります。

フォーマット情報

入力形式

拡張子:
glb
正式名称:
glTF 2.0バイナリ(GLB)
タイプ:
3Dモデル
フォーマット:
GLB
主なツール:
Three.js、Babylon.js、Blender
説明:
GLBはglTF 2.0のバイナリ形式で、Khronos組織が管理。メッシュ、マテリアル、テクスチャ、アニメーションを単一ファイルにまとめ、Web 3D/AR/VRの事実上の標準。Three.js、Babylon.js、model-viewer、主要ECサイトでデフォルト使用。自己完結型で外部リソース欠如でも表示崩れなし。 PBRマテリアル、スケルタルアニメーションを保持し、Draco/Meshopt圧縮対応。Web表示、ARクイックビュー、ソフト間受け渡しに適する。CADパラメトリック履歴は含まず、STEP等からメッシュ化すると編集機能消失。3DプリントではSTL/3MF推奨。

備考:

  • 一部の3DプリントスライサーはGLBファイルを直接インポートできません
  • CADパラメトリック編集には適していません

対応機能:

  • 単一の自己完結型バイナリファイル
  • PBRマテリアル対応(ベースカラー、メタリック、ラフネス、ノーマルマップ)
  • スケルタルアニメーション、スキニング、モーフターゲット
  • Dracoメッシュ圧縮とKTX2テクスチャ圧縮
  • マルチメッシュノードとシーン階層

出力形式

拡張子:
glb
正式名称:
glTF 2.0バイナリ(圧縮)
タイプ:
3Dモデル
フォーマット:
バイナリ(glTF 2.0)Draco / テクスチャ圧縮対応
主なツール:
Three.js、Babylon.js
説明:
glb-compressed形式は、Dracoジオメトリ圧縮やテクスチャ最適化により、画質を保ちながらファイルサイズを大幅に削減します。

備考:

  • DracoエンコードされたモデルはDracoデコーダーが必要です
  • 設定に応じてファイルサイズを50〜90%削減できます

対応機能:

  • Dracoジオメトリ圧縮(最大90%削減)
  • WebP/JPEGテクスチャ形式変換
  • 設定可能な強度のメッシュ簡略化
  • 元のPBRマテリアルとシーン階層を保持
Q

アニメーションは保持されますか?

A

はい、アニメーションデータは保持されます。圧縮はジオメトリバッファのみを再エンコードします。ただし、極端に強い簡略化はスキンメッシュを変形させる可能性があるため、ダウンロード前にアニメーションしたポーズでプレビューを確認してください。

Q

MeshoptとDracoのどちらを選ぶべきですか?

A

デフォルトはMeshoptです。ウェブとモバイルで高速にデコードでき、Three.jsでのサポートも良好です。Dracoはより小さいファイルを生成できますが、デコードに時間がかかることが多いです。両者は排他的なので、どちらか一方のみ有効にしてください。

Q

ダウンロードは単一のGLBのままですか?

A

はい。同じ名前と構造を持つ最適化された単一ファイルGLBとして出力されるため、既存のローダーやパイプラインはそのまま動作します。GLTF入力にも対応しており、こちらもGLBとして出力されます。

Q

GLTFを入力として使用できますか?

A

はい。専用のGLTF頂点圧縮ページも利用できます。どちらもGLTF入力に対応し、最適化されたGLBを出力します。.gltfは、.binとテクスチャファイルと一緒にアップロードして、欠落がないようにしてください。

Q

ファイルサイズはどのくらい削減できますか?

A

メッシュと設定にもよりますが、通常50〜90%削減できます。ポリゴン数の多い高密度モデルはDracoやMeshoptの効果が最も高く、さらに簡略化で先に面を削除することで追加の削減が得られます。

Q

ダウンロード前に結果をプレビューできますか?

A

はい。リアルタイムプレビューで簡略化後のメッシュを確認でき、ディテールの損失やアニメーションの挙動を比較できます。シルエットと動きが良くなるまで強度を調整してからダウンロードしてください。