Kompres File GLB Online

Mengompres GLB berarti mengenkode ulang tekstur dan geometrinya sehingga model yang sama memakan lebih sedikit byte. Sebagian besar penghematan berasal dari tekstur: pada delapan model contoh Khronos yang kami ukur, gambar-gambar itulah yang mengisi sebagian besar setiap file yang memiliki tekstur. Kompresor GLB ini memperkecil gambar-gambar tersebut, merapikan geometri, lalu menulis file .glb baru, semuanya di browser Anda.

GLB yang lebih kecil dimuat lebih cepat di halaman produk, lolos batas unggah di platform dan marketplace 3D, serta memakai lebih sedikit memori di ponsel. Untuk itu, bentuk, material, dan animasi model sama sekali tidak perlu diubah.

Ke mana saja byte dalam GLB terpakai

GLB berisi tiga jenis data: tekstur (gambar yang membungkus model), geometri (posisi verteks, normal, dan daftar segitiga), serta animasi. Tekstur disimpan sebagai file gambar utuh di dalam GLB, sering kali berupa PNG 2048 × 2048, itulah sebabnya model yang hanya punya beberapa ratus segitiga pun bisa berukuran 8 MB. Buka file Anda di penampil GLB untuk melihat rinciannya sebelum Anda mengompresnya.

Pembersihan lossless vs kompresi lossy

Beberapa langkah tidak mengubah apa pun yang terlihat: menghapus data duplikat, membuang material dan tekstur yang tidak dipakai, dan menggabungkan verteks yang benar-benar identik. Penghematan yang lebih besar bersifat lossy: tekstur yang lebih kecil, tekstur yang dienkode ulang sebagai WebP atau JPEG, dan posisi verteks yang disimpan dengan lebih sedikit bit. Lossy tidak berarti tampak lebih buruk, tetapi bagian inilah yang perlu diperiksa, dan untuk itulah ada tombol “Sebelum / Sesudah”.

Setiap tekstur dalam GLB adalah file gambar utuh, dan GPU membongkarnya menjadi piksel mentah begitu model ditampilkan: tekstur 2048 × 2048 memakan sekitar 16 MB memori grafis sebelum mipmap, sekecil apa pun file PNG-nya. Jadi saat Anda mengompres GLB, pengaturan tekstur menentukan besarnya unduhan sekaligus seberapa berat model itu ditampilkan.

Mengubah ukuran tekstur: 4096, 2048, 1024, atau 512?

Membagi dua lebar dan tinggi tekstur menyisakan seperempat pikselnya. Di halaman web, tempat model biasanya hanya mengisi sebagian layar, 1024 px sudah cukup untuk sebagian besar produk; 2048 px layak dipertahankan untuk tampilan utama dan close-up, dan 512 px cocok untuk properti kecil. Kompresor GLB ini hanya memperkecil tekstur, tidak pernah memperbesarnya, dan selalu menjaga proporsinya. Untuk mengubah ukuran satu tekstur secara manual, gunakan pengubah ukuran gambar.

WebP vs PNG vs JPEG di dalam GLB

PNG dan JPEG adalah bagian dari glTF itu sendiri, jadi setiap aplikasi yang membuka file GLB bisa membacanya. WebP biasanya menghasilkan file terkecil, tetapi GLB yang memakainya mendeklarasikan ekstensi EXT_texture_webp, dan aplikasi yang membukanya harus mendukung ekstensi itu. JPEG tidak bisa menyimpan transparansi, jadi alat ini mempertahankan tekstur sebagai PNG setiap kali ada piksel yang transparan atau semitransparan. Untuk kelebihan dan kekurangan tiap format secara umum, lihat PNG ke WebP.

Peta normal butuh kompresi yang lebih lembut

Peta normal menyimpan arah permukaan dalam warnanya, dan artefak kotak-kotak yang ditinggalkan kompresi lossy muncul sebagai kesalahan pencahayaan, bukan noise warna. Kedua preset memberi peta normal batas bawah kualitas yang lebih tinggi (0,9). WebP dan JPEG juga menyimpan warna dengan resolusi yang dikurangi, sehingga sebagian presisi hilang pada peta normal dan pada tekstur yang mengemas kekasaran, sifat metalik, dan oklusi ke dalam kanal yang terpisah. Jika presisi itu penting, pilih Kustom dan pertahankan format aslinya.

Tekstur dengan transparansi

Daun, decal, dan kaca sering mengandalkan kanal alfa. WebP mempertahankannya; JPEG tidak bisa, jadi tekstur transparan yang semestinya menjadi JPEG disimpan sebagai PNG. Dalam pengukuran kami, Lantern dan ToyCar masing-masing mempertahankan satu atau dua tekstur sebagai PNG karena alasan ini.

Geometri biasanya bagian yang lebih kecil dari sebuah GLB, tetapi pada mesh yang padat, hasil pindaian, dan karakter beranimasi, geometri bisa mengisi sebagian besar file. Preset Web mengompresnya dengan meshopt; preset lain membiarkan encoding-nya apa adanya dan hanya merapikannya.

Apa yang dilakukan kompresi meshopt

meshopt pertama-tama mengurutkan ulang verteks dan segitiga agar data yang saling berdekatan tersimpan berdampingan, lalu menyimpan posisi, normal, dan koordinat tekstur sebagai bilangan bulat kecil alih-alih float 32-bit (kuantisasi, dideklarasikan sebagai KHR_mesh_quantization), dan terakhir mengemas hasilnya dengan EXT_meshopt_compression. Dekodenya sangat cepat di browser, dan three.js, model-viewer, serta Babylon.js semuanya bisa membacanya.

Menggabungkan verteks dan menghapus duplikat

Exporter sering menulis verteks yang sama berkali-kali, menduplikasi accessor secara utuh, atau meninggalkan material dan tekstur yang tidak dipakai apa pun. Menggabungkan verteks yang identik dan memangkas data yang tidak terpakai bersifat lossless dan berjalan di semua preset; langkah ini saja sudah menghemat 32% pada model Fox yang kecil.

Mengapa model Draco tetap memakai geometrinya

Draco adalah ekstensi kompresi geometri lain, yang sering kali lebih ringkas daripada meshopt. Menulis ulang Draco memerlukan encoder-nya, sedangkan mendekodenya lalu menyimpan geometri tanpa Draco membuat sebuah mesh uji 4 hingga 13 kali lebih besar. Jadi, jika sebuah GLB sudah memakai Draco, alat ini hanya mengenkode ulang teksturnya dan membiarkan semua byte lainnya, termasuk geometri Draco, persis seperti semula. Kartu hasil memberi tahu jika hal itu terjadi.

Sebelum mengompres GLB, pikirkan ke mana model itu akan dipakai selanjutnya: preset yang tepat bergantung pada hal itu, karena pengaturan yang paling kecil mengandalkan ekstensi glTF yang tidak dibaca oleh semua aplikasi. Catatan di bawah preset menyebutkan ekstensi yang akan ditambahkan oleh pengaturan saat ini.

Untuk penampil web: three.js, model-viewer, Babylon.js

Pilih Web. Preset ini memperkecil tekstur hingga maksimal 1024 px, menyimpannya sebagai WebP, dan mengompres geometri dengan meshopt. Penampil berbasis browser serta engine yang dibangun di atas three.js atau Babylon.js membaca ketiga ekstensi yang dipakainya, dan file yang dihasilkan adalah yang terkecil dari alat ini: 48% hingga 98,8% lebih kecil pada model contoh Khronos.

Untuk Blender, Unity, dan penampil desktop

Pilih Kompatibel. Preset ini mempertahankan tekstur hingga 2048 px, menulis tekstur tanpa transparansi sebagai JPEG dan tekstur transparan sebagai PNG, serta tidak menambahkan ekstensi apa pun. Dukungan alat desktop dan importer game engine terhadap WebP dan meshopt tidak merata, jadi file tanpa keduanya adalah pilihan yang aman jika Anda tidak mengendalikan perangkat lunak di sisi penerima.

Kapan memakai Kustom

Pakai Kustom untuk mempertahankan ukuran asli tekstur, mempertahankan format aslinya untuk peta data yang butuh presisi, menaikkan atau menurunkan kualitas, atau mematikan meshopt. Tabel tekstur diperbarui setiap kali Anda mengubah pengaturan, jadi Anda bisa melihat hasilnya sebelum mengompres.

Untuk melihat seberapa besar penghematan yang bisa diharapkan, kami memakai halaman ini untuk mengompres file GLB dari koleksi Khronos glTF Sample Assets: delapan file asli, di Chrome pada komputer desktop. Dengan preset Web, kedelapan file rata-rata menjadi 86% lebih kecil, dan 96% lebih kecil pada nilai median; penghematan terbesar ada pada Avocado, dari 7,73 MB menjadi 0,09 MB, karena tiga tekstur PNG 2048 × 2048 miliknya mengisi hampir seluruh file. Setiap model selesai dalam sekitar satu detik.

Kompatibel menghemat lebih sedikit, karena preset ini mempertahankan tekstur pada 2048 px dan tidak memakai WebP, tetapi tetap memangkas empat dari delapan model sebesar 83% hingga 93%. Model dengan penghematan terkecil adalah yang geometrinya paling banyak (ToyCar punya sekitar 109.000 segitiga) atau yang teksturnya memiliki transparansi, yang tetap disimpan sebagai PNG.

Mengompres GLB mengubah cara data disimpan, bukan isi modelnya. Mesh, material, nama node, animasi, dan fitur glTF lainnya tetap terbawa; yang perlu diperiksa adalah ekstensi yang dibutuhkan file baru dan tampilan tekstur dari dekat.

Ekstensi yang mungkin dibutuhkan file hasil

Preset Web dapat menambahkan EXT_texture_webp, EXT_meshopt_compression, dan KHR_mesh_quantization, yang ditandai sebagai wajib (required) agar aplikasi yang tidak bisa membacanya melaporkan hal itu alih-alih menampilkan model yang rusak. Kompatibel tidak menambahkan satu pun. GLB yang sudah memakai ekstensi lain tetap mempertahankannya; jika alat ini tidak mengenali salah satunya, alat ini beralih ke mode enkode ulang tekstur saja, sehingga tidak ada bagian yang tidak dipahaminya yang ditulis ulang.

Animasi, skin, dan target morph

Animasi, karakter dengan skin, dan target morph tetap utuh setelah kompresi. meshopt juga mengompres keyframe animasi, dan kuantisasi menjaga presisi yang cukup untuk model berukuran normal; untuk adegan yang sangat besar atau model teknik yang diukur dalam milimeter, bandingkan hasilnya dengan wireframe menyala, atau matikan meshopt di Kustom.

Tekstur KTX2 dibiarkan apa adanya

Tekstur yang sudah disimpan sebagai KTX2 (KHR_texture_basisu) sudah dikompres untuk GPU dan tetap kecil di memori. Alat ini membiarkannya tanpa perubahan alih-alih mengubahnya kembali menjadi gambar biasa.

Jika Anda mengompres GLB dan penghematannya kecil, panel biasanya menunjukkan alasannya. File itu mungkin sudah terkompresi: tekstur yang sudah berupa gambar WebP atau JPEG kecil jarang bisa menyusut lagi, dan alat ini mempertahankan tekstur asli setiap kali enkode ulang tidak membuatnya lebih kecil. Jika hasilnya sama sekali tidak lebih kecil, memang tidak ada yang bisa diunduh, dan itu disengaja.

Hasil pindaian padat dan fotogrametri

Objek hasil pindaian dan fotogrametri sering kali memuat ratusan ribu bahkan jutaan segitiga, dan pada kasus itu geometrilah, bukan tekstur, yang mengisi file. meshopt membantu, tetapi solusi sebenarnya adalah mengurangi jumlah segitiga: lakukan decimation pada mesh di editor 3D, misalnya dengan modifier Decimate di Blender, lalu kompres hasilnya di sini.

Mengompres .gltf dengan file eksternal

File .gltf menyimpan geometri dan teksturnya di file terpisah. Pilih semuanya, atau letakkan foldernya, dan alat ini mengemas semuanya menjadi satu file .glb terkompresi. File .gltf yang memakai Draco harus diekspor sebagai .glb terlebih dahulu, karena data Draco hanya dipertahankan tanpa perubahan di dalam GLB.

Padanannya di command line

Halaman ini menjalankan pustaka open source glTF Transform di browser Anda. Jika Anda ingin mengompres banyak file dalam pipeline build, alat command line-nya melakukan pekerjaan serupa, misalnya gltf-transform optimize input.glb output.glb --compress meshopt --texture-compress webp --texture-size 1024.

Banyak kompresor GLB online mengunggah file ke server, dan sebagian membatasi berapa banyak file yang bisa Anda kompres setiap minggu. Di sini seluruh proses berjalan di worker latar belakang di dalam tab browser Anda: model dibaca dari disk Anda, dikompres di memori, dan langsung disimpan kembali sebagai unduhan. Ini penting untuk produk yang belum dirilis, pekerjaan klien, dan apa pun yang terikat NDA. Tutup tab, dan tidak ada yang tersisa. Untuk alat lain yang bekerja dengan cara yang sama, lihat semua alat gratis kami.