Any3DAny3D
全部工具格式生态

GLBを画像に

GLBをワンクリックで多視点スクリーンショット。マテリアルを保持し、製品展示やドキュメント作成に最適です。

ワークスペース

読み込み中...

しばらくお待ちください

ツールについて

GLBには通常マテリアルが埋め込まれているため、開くだけで実際の外観を確認できます。多視点表示、寸法表示、1×/2×/4×書き出しに対応しており、商品ページや技術資料、共有用の画像作成に便利です。

ヒント

  • 1テクスチャ入りGLBはそのまま素材付きで出力
  • 2正投影は図面用、透視投影は商品紹介用
  • 3背景を透明にしたPNG書き出しも可能

設定オプションについて

レイアウト

View Layout

デフォルト水平四分割

View Layout

水平四分割推奨

Front, right, top and perspective in one row (1×4).

垂直四分割

Front, right, top and perspective in one column (4×1).

カスタム

Pick views and column count for a custom grid.

Custom views

When using custom layout, choose which camera directions to include.

列数

デフォルト3

範囲1 – 5

Number of columns in the custom grid (1-5, capped by selected view count).

余白と間隔

余白

デフォルト0.012

範囲0 – 0.1 · step 0.005

Outer margin around the board as a fraction of the short edge.

間隔

デフォルト0.012

範囲0 – 0.05 · step 0.002

Spacing between viewports as a fraction of the short edge.

余白背景

デフォルト#ffffff

Fill color for the margin area; transparent is allowed (falls back to white for JPG).

画像の背景

Background

デフォルト#f5f5f5

Set the image and margin background colors independently.

寸法線と単位

Show Dimension Lines

デフォルトOff

Display bounding box dimensions in the selected unit.

Off推奨
On

Unit

デフォルトmm

Unit

mm推奨
cm
m
in

透かし

Show Watermark

デフォルトOn

Show Watermark

On推奨
Off

タイトルテキスト

デフォルトany3d.cc

Watermark title text (default any3d.cc).

カスタムアイコン

PNG / JPG / WebP / SVG、最大 5MB。透かし用に自動リサイズ

位置

デフォルト左下

Corner placement of the watermark on the board.

左下推奨
右下
左上
右上

サイズ

デフォルト0.08

範囲0.04 – 0.3 · step 0.005

Watermark size as a fraction of the board short edge (~0.04-0.3).

不透明度

デフォルト0.8

範囲0.2 – 1 · step 0.05

Watermark opacity (0.2-1).

エクスポート

Image Format

デフォルトPNG

Image Format

PNG推奨
JPG
WebP

Resolution Scale

デフォルト1倍

Resolution Scale

1倍推奨
2倍
4倍

フォーマット情報

入力形式

拡張子:
glb
正式名称:
GL Transmission Format Binary (glTF 2.0)
タイプ:
3D Model
フォーマット:
GLB
主なツール:
Three.js、Babylon.js、Blender
開く方法:
3D Model Viewer、GLB Viewer
説明:
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テクスチャ圧縮
  • マルチメッシュノードとシーン階層

出力形式

拡張子:
Image
正式名称:
PNG / JPG / WebP Image
タイプ:
Image / Screenshot
フォーマット:
Raster Image with Layout Overlay
主なツール:
開く方法:
説明:
3Dモデルをマルチビューからラスタ画像として取得、オプションで注釈を付加したスクリーンショットを出力するデータです。

備考:

  • PNG は透明背景をサポート
  • 解像度を 2x または 4x に拡大可能

対応機能:

  • マルチビューレイアウト
  • 単位付きの寸法線
  • 透かしオーバーレイ
  • 透明背景
  • PNG、JPG、WebP エクスポート

使用方法

1

モデルをアップロード

GLBファイルをドラッグ＆ドロップ、またはクリックして選択

2

ビューを選択

水平、垂直、またはカスタムレイアウトを選択し、寸法線、単位、透かしを切り替えます

3

画像をエクスポート

1倍、2倍、4倍の解像度でPNG、JPG、WebPをダウンロード

よくある質問

すべてのよくある質問を見る
Q

スクリーンショットにはGLBのマテリアルやテクスチャは反映されますか？

A

はい、反映されます。現在のビューポートに表示された通り、埋め込みマテリアル、テクスチャ、ライティング結果をそのままレンダリングします。元ファイルにテクスチャがない場合や、未対応の拡張マテリアルを使っている場合は、見た目が簡略化されることがあります。

Q

ECサイトや製品画像の作成に使えますか？

A

使えます。背景色や透明背景、透かし、複数ビューのレイアウトを調整できるので、商品ページやマニュアル、SNS共有用のプレビュー画像を素早く作れます。ただし、本格的なスタジオ撮影と同じクオリティの商用レンダリングというわけではありません。

Q

透明背景のPNGを書き出せますか？

A

書き出せます。ビューポートの背景を透明に設定し、PNGまたはWebPでエクスポートするとアルファチャンネルが保持されます。JPGは透明に対応していないため、不透明な背景になります。

Q

正投影ビューと透視ビューは、それぞれどんな場面に向いていますか？

A

正投影ビュー（正面・側面・上面など）は遠近感によるゆがみがないため、寸法の確認や技術説明に向いています。透視ビューは人間の見え方に近く、製品紹介や販促画像に適しています。レイアウトで両方を組み合わせて一度に書き出すこともできます。

Q

複数のGLBファイルをまとめてレンダリングできますか？

A

できません。一度に処理できるのは1ファイルだけです。1回の書き出しで複数の角度を用意したい場合は、複数のファイルを処理する代わりに、カスタムのマルチビューレイアウトを利用してください。

Q

圧縮されたGLBファイル（Draco、KTX2）には対応していますか？

A

対応しています。Draco圧縮のジオメトリ、KTX2テクスチャ、meshoptデータはブラウザ内で自動的にデコードされます。非常に大きなファイルの場合は、解凍に少し時間がかかることがあります。