GLB 준비
텍스처가 내장된 하나의 완결된 모델을 준비하세요. 모든 각도에서 확인할 수 있습니다.
GLB 최적화 도구
모델은 가볍게.
아이디어는 그대로.
3D 모델의 용량 부담을 줄이세요.
gltfpack으로 최적화하고, 차이를 확인한 뒤 사용하세요.
익숙한 엔진을.
더 간단한 과정으로.
모델 작업 공간
엔진에 연결 중…파일 크기—원본 → 최적화
삼각형—중복 인스턴스를 제외한 메시 형상*
크기 변화—최적화를 실행하면 비교할 수 있습니다
고급 설정
단순화 제약
품질보다 목표 삼각형 수를 우선하며 오차 한도를 무시합니다. 윤곽과 세부 형태가 눈에 띄게 달라질 수 있습니다. 기본값은 꺼짐입니다.
삼각형 유지율이 100% 미만일 때만 적용됩니다. 오차 한도가 낮거나 경계가 고정되어 있으면 목표 삼각형 수에 도달하지 못할 수 있습니다.
지오메트리 정밀도
양자화를 끄면 일반적으로 파일이 커집니다. 다른 최적화는 적용되므로 무손실 모드는 아닙니다.
값을 낮추면 정밀도를 줄여 용량을 아끼지만 모델이 눈에 띄게 왜곡될 수 있습니다. 기본값은 위치 14, UV 12, 법선 8, 색상 8비트입니다. 접선은 최대 8비트를 사용합니다.
텍스처와 애니메이션
샘플링 레이트는 애니메이션에만 영향을 줍니다. 낮추면 파일 크기가 줄어들 수 있지만 동작이 덜 부드러워질 수도 있습니다. 원본 타이밍을 유지하려면 ‘리샘플링 안 함’을 선택하세요. 다른 애니메이션 최적화는 계속 적용됩니다.
KTX2 또는 WebP로 변환할 때 텍스처의 가로·세로 크기를 조정합니다. 최대 텍스처 크기도 적용됩니다. 작은 텍스처에서는 세부 표현이 사라질 수 있습니다.
KTX2에만 적용됩니다. UASTC는 품질이 높지만 보통 파일이 훨씬 커집니다.
텍스처 변환 시 적용됩니다. 품질 값의 척도는 코덱마다 다릅니다.
명령어로 재현 가능
내 설정을 어디서나.
동일한 로컬 명령어
작은 모델. 간단한 단계.
큰 파일을 바로 쓸 모델로.
gltfpack 최적화의 변화를 눈으로 확인하세요.
적절한 균형 찾기
형상을 유지하거나 삼각형을 줄이거나 텍스처 코덱을 선택하세요. 용도에 맞는 절충안을 정할 수 있습니다.
확인한 뒤 사용
결과와 로딩 요구 사항을 비교하세요. 프로젝트에 적합하면 다운로드하세요.
01 / 파일 크기
어디부터 조정할까요
지오메트리
메시의 삼각형이 많다면 유지율을 조금 낮춰 보세요. 곡선 가장자리, 얇은 부분, 구멍에 변화가 있는지 확인하세요. 파일이 여전히 크다면 삼각형을 더 줄여도 효과가 작을 수 있습니다. 다음에는 텍스처 설정을 비교해 보세요.
텍스처
텍스처 크기를 줄여 가까이에서 비교하세요. 글자, 무늬, 표면의 세부 표현을 확인하세요. 사용자가 확대해 보는 모델은 해상도를 더 남기고, 일정 거리에서만 표시하는 모델은 작은 텍스처로 충분한지 살펴보세요.
애니메이션
샘플링률을 낮춘 뒤 전체 애니메이션을 재생하세요. 빠른 동작이 튀는지, 발이 미끄러지는지, 반복 지점에서 멈칫하는지 확인하세요. 문제가 보이면 샘플링률을 높여 다시 비교하세요.
02 / 설정
용도별 설정
웹페이지와 모바일 기기
뷰어가 Meshopt를 지원한다면 '작은 파일' 프리셋을 시도하세요. 일반적인 모바일 연결로 휴대전화에서 테스트하세요. 모델이 나타나는 시간과 회전이 부드러운지도 확인하세요. 다운로드 용량만으로 성능을 판단할 수는 없습니다.
제품 전시
'보수적 최적화'에서 시작해 제품 페이지의 조명으로 확인하세요. 작은 글자, 가장자리 형태, 투명 부품, 반사를 살펴보세요. 눈에 보이는 차이의 원인을 알 수 있도록 설정은 한 번에 하나씩 바꾸세요.
애니메이션 및 인터랙티브 모델
애플리케이션에서 애니메이션 재생, 오브젝트 선택, 재질 전환을 테스트하세요. 코드가 노드 이름이나 extras를 사용한다면 유지 옵션을 켜 두고 최적화 후에도 참조가 작동하는지 확인하세요.
03 / 확인
최적화 파일을 사용하기 전에
모양 비교
원본과 최적화 모델을 같은 각도와 거리에서 비교한 뒤 몇 군데를 확대하세요. 원본 파일을 보관하고 매번 원본에서 다시 시작해, 반복 최적화로 변화가 누적되지 않게 하세요.
삼각형 수 확인
오차 한도나 메시 제약 때문에 최종 삼각형 수가 목표보다 많을 수 있습니다. 결과 안내를 읽은 뒤 오차 한도를 높이거나 적극적인 단순화를 켜세요. 변경 후에는 형태를 다시 확인하세요.
사용할 뷰어에서 테스트
명령어 아래에 표시된 출력 확장을 확인하세요. 뷰어가 Meshopt, KTX2, WebP에 필요한 기능을 지원해야 합니다. 원본을 교체하기 전에 해당 뷰어에서 로딩, 재질, 애니메이션을 테스트하세요.
알고 조정하면 더 쉽습니다
모델을 더 잘 활용하세요.
01 / 시작하기
첫 설정 선택하기 ↗
첫 업로드부터 재현 가능한 명령어까지 따라 해 보는 안내입니다.
02 / 호환성 확인불러올 수 있는지 확인하기 ↗
Meshopt, KTX2, WebP와 대상 뷰어에 필요한 지원 사항.
03 / 문제 해결다음 단계 찾기 ↗
거부된 입력, 커진 파일, 사라진 텍스처, 만료된 결과를 살펴보세요.
GLB 파일 크기 줄이는 방법 ↗
GLB 용량의 원인이 지오메트리인지 텍스처인지 파악하고, 측정 결과를 비교해 먼저 바꿀 설정을 정하세요.
gltfpack으로 GLB 폴리곤 줄이기 ↗
유지율 목표, 오차 한도, 경계 고정으로 GLB 삼각형 수를 줄입니다. 측정한 샘플에서 일반 단순화와 적극적인 단순화를 비교합니다.
GLB 텍스처 압축: KTX2와 WebP ↗
GLB 텍스처에 KTX2 또는 WebP를 선택하고 치수와 품질을 조정하세요. 동일한 생성 텍스처로 ETC1S, UASTC, WebP를 비교합니다.
Three.js에서 gltfpack 모델 불러오기 ↗
GLTFLoader, MeshoptDecoder, KTX2Loader로 Three.js에서 Meshopt 압축 GLB와 KTX2 텍스처를 불러옵니다. npm 예제와 로딩 점검 방법을 포함합니다.
애니메이션 GLB 최적화: CesiumMan 사례 연구 ↗
CesiumMan 실측 결과: Meshopt 압축, 15 FPS 애니메이션, 삼각형 50% 유지를 명령어 및 해당 렌더링 이미지와 함께 비교합니다.
최적화 후 GLB가 더 커지는 이유 ↗
최적화 후 커진 GLB의 원인을 확인하세요. 압축 해제, UASTC 텍스처, 정밀도 설정, 작은 파일의 부가 데이터를 살펴봅니다.
* 삼각형 수는 메시 프리미티브를 각각 한 번만 합산하고 반복된 씬 인스턴스는 제외합니다. 단순화 없이도 메시 병합으로 이 값이 바뀔 수 있습니다.
결과가 더 클 수 있습니다. 노드, 애니메이션 샘플링, 정밀도가 바뀌거나 사용자 정의 확장과 속성이 삭제될 수 있습니다. Draco 입력은 지원하지 않습니다. 미리보기에 성공해도 모든 애플리케이션과의 호환성이 보장되지는 않습니다. 처리 제한: 120초.
