GLTF 紋理壓縮

優化 GLTF 貼圖並以優化 GLB 下載。

工作區

加載中...

請稍候

關於此工具

上傳 .gltf 及同目錄下的貼圖/.bin。縮放並轉碼貼圖,幾何保持不變,結果打包為單一檔案的優化 GLB。全程本地處理。

使用技巧

  • 1請包含外部貼圖
  • 2貼圖縮放與轉碼
  • 3輸出:優化 GLB

配置選項說明

紋理 / 圖片

最大紋理尺寸

預設值1024px

將所有紋理的大小限制在此最大尺寸內,減少紋理記憶體用量和檔案大小。

256px
512px
展開剩餘 4 個選項
1024px推薦
2048px
4096px
保持原始尺寸

紋理格式

預設值WebP

將紋理轉換為更高效的格式。WebP 提供出色的壓縮比和廣泛的瀏覽器支援。

WebP推薦
JPEG
展開剩餘 3 個選項
PNG
KTX2
保持原始格式

品質

預設值0.75

範圍0.1 – 1 · step 0.05

設定 WebP 和 JPEG 格式的壓縮品質。

KTX2 編碼模式

ETC1S 檔案更小,適合漫反射貼圖。UASTC 保留更多細節,建議用於法線貼圖。

格式說明

輸入格式

副檔名:
gltf, glb
全名:
GL Transmission Format (glTF 2.0)
類型:
3D Scene
格式:
GLTF
常用工具:
Three.jsBabylon.jsBlender
說明:
glTF 是 Khronos 制定的開放標準 3D 格式,被稱作 3D 界的 JPEG:它以 JSON 描述場景結構,幾何資料存放於獨立的 .bin 檔案,紋理單獨引用,方便增量載入與串流傳輸。glTF 2.0 已成為 Web、行動端與遊戲引擎間交換 3D 內容的主流格式。 與 GLB 相比,glTF 由多個檔案組成,適合 CDN 按需載入和資源重用,但也更容易因檔案分散而丟失引用。交付單一檔案場景、或需要方便分享時,用 GLB 更穩妥;需要精細控制載入過程或頻繁更新部分資源時,glTF 更靈活。

備註:

  • 外部資源(.bin、紋理)需保持在同一目錄
  • 處理 CAD 工作流程可能需要額外工具

支援特性:

  • 常見的 3D 格式

輸出格式

副檔名:
glb
全名:
GL Transmission Format Binary (Compressed)
類型:
3D Model
格式:
Binary (glTF 2.0) with Draco/Texture Compression
常用工具:
Three.jsBabylon.js
說明:
此壓縮GLB格式輸出採用Draco幾何壓縮及/或紋理最佳化技術,能在維持視覺品質的前提下,大幅降低檔案大小,顯著提升傳輸與儲存效率,是一種高效的3D壓縮方案。

備註:

  • Draco 編碼模型需要 Draco 解碼器才能渲染
  • 根據設定,檔案大小可減少 50-90%

支援特性:

  • Draco 幾何壓縮(減少高達 90%)
  • WebP/JPEG 紋理格式轉換
  • 可配置強度的網格簡化
  • 保留原始 PBR 材質與場景層級

使用方法

1

上傳模型

拖入 .gltf 與貼圖

2

查看紋理

檢查紋理列表

3

配置並壓縮

壓縮並下載 GLB

Q

為什麼輸出 GLB?

A

貼圖壓縮之後,單一檔案 GLB 是最實用的交付格式:一個檔案即可託管、一次請求即可載入,也無需維護與之同步的 .bin 或貼圖檔案。所有內容都會自動內嵌。

Q

需要上傳哪些檔案?

A

請將 .gltf 與同目錄下的 .bin 及其引用的所有貼圖一起上傳。工具會重新編碼這些貼圖,並將所有內容打包成單一檔案 GLB:結果不依賴其他伴隨檔案。

Q

幾何會改變嗎?

A

不會。只有內嵌的貼圖圖片會被縮放與轉碼;網格、法線、UV 與動畫都會精確保留。GLB 是同一場景換上更輕圖片後重新打包的版本。

Q

貼圖尺寸可以限制嗎?

A

可以。可選擇 256、512、1024、2048 或 4096 px 的預設,或保持原始尺寸。多數網頁用途下 1024 或 2048 已足夠;低於 1024 時細節可能變模糊。

Q

法線貼圖會受影響嗎?

A

法線貼圖會與其他貼圖一樣被縮放與重新編碼。為了獲得最佳表面著色效果,請選擇 PNG 或保持原始編碼:JPEG 等有損格式可能在法線中烙下可見的瑕疵。

Q

輸出的 GLB 能在所有 glTF 檢視器中使用嗎?

A

可以,GLB 是標準的二進位 glTF 容器,結果可在 Three.js、Babylon.js、Blender 與多數模型檢視器中載入。有一點要注意:KTX2 貼圖需要支援 KTX2 的載入器(Three.js KTX2Loader 或 Babylon.js),而 WebP/JPEG/PNG 隨處可用。