Przynieś swój GLB
Jeden samodzielny model z osadzonymi teksturami. Sprawdź go pod każdym kątem.
NARZĘDZIE OPTYMALIZACYJNE GLB
Zmniejsz rozmiar swoich modeli 3D.
Zoptymalizuj model za pomocą gltfpack, porównaj wynik i pobierz plik.
Sprawdzony silnik.
Prostsza obsługa.
Nadaje priorytet liczbie trójkątów docelowych ponad jakość i ignoruje limit błędu. Może wyraźnie zmieniać sylwetki i detale. Domyślnie wyłączone.
Obowiązuje tylko poniżej retencji trójkąta 100%. Niższe limity błędów i zablokowane granice mogą uniemożliwić osiągnięcie docelowej liczby trójkątów.
Wyłączenie kwantyzacji zwykle zwiększa rozmiar pliku. Nadal obowiązuje inna optymalizacja; nie jest to tryb bezstratny.
Niższe wartości zamieniają precyzję na rozmiar i mogą w widoczny sposób zniekształcić model. Domyślnie: pozycja 14, UV 12, normalny 8, kolor 8 bitów. Styczne zajmują maksymalnie 8 bitów.
Wpływa tylko na animacje. Niższe szybkości mogą zmniejszyć rozmiar, ale sprawić, że ruch będzie mniej płynny. Nie próbkuj ponownie, zachowuje synchronizację źródła; nadal obowiązuje inna optymalizacja animacji.
Skaluje wymiary tekstury podczas konwersji do KTX2 lub WebP. Obowiązuje również maksymalny rozmiar tekstury. Mniejsze tekstury mogą utracić szczegóły.
Dotyczy tylko KTX2. UASTC oferuje wyższą jakość, ale zwykle znacznie większe pliki.
Ma zastosowanie podczas konwersji tekstur. Skale jakości różnią się w zależności od kodeka.
POWTARZALNE ZGODNIE Z PROJEKTOWANIEM
MNIEJSZE AKTYWA. MNIEJ KROKÓW.
Prawdziwa optymalizacja gltfpack z miejscem na sprawdzenie, jakie zmiany.
Jeden samodzielny model z osadzonymi teksturami. Sprawdź go pod każdym kątem.
Zachowaj geometrię, celuj w mniejszą liczbę trójkątów lub wybierz kodek tekstury. Kontrolujesz kompromisy.
Porównaj wynik i wymagania dotyczące obciążenia. Pobierz, gdy będzie to działać dla Twojego projektu.
01 / ROZMIAR PLIKU
Jeśli siatka ma wiele trójkątów, spróbuj nieco zmniejszyć mocowanie trójkątów. Sprawdź zakrzywione krawędzie, cienkie części i otwory pod kątem zmian. Jeśli plik jest nadal duży, zmniejszenie większej liczby trójkątów może niewiele pomóc; następnie porównaj ustawienia tekstur.
Wypróbuj mniejszy rozmiar tekstury i porównaj wynik z bliska. Sprawdź tekst, wzory i szczegóły powierzchni. Zachowaj większą rozdzielczość dla modeli, które użytkownicy mogą powiększać; mniejsze tekstury mogą wystarczyć w przypadku modeli pokazanych w stałej odległości.
Po zmniejszeniu częstotliwości próbkowania odtwórz całą animację. Szukaj podskoków podczas szybkiego ruchu, ślizgania się stóp i pauzy na granicy pętli. Jeśli się pojawią, zwiększ częstotliwość próbkowania i porównaj ponownie.
02 / USTAWIENIA
Jeśli Twoja przeglądarka obsługuje Meshopt, wypróbuj ustawienie wstępne Mniejszy plik. Następnie przetestuj na telefonie za pomocą typowego połączenia mobilnego. Sprawdź, jak długo model pojawia się i czy obraca się płynnie; Samo mniejsze pobranie nie mówi, jak będzie działać.
Zacznij od ustawienia wstępnego Konserwatywnego i użyj oświetlenia ze strony produktu. Sprawdź małe litery, kształty krawędzi, przezroczyste części i odbicia. Zmieniaj jedno ustawienie na raz, aby móc prześledzić widoczne różnice.
Przetestuj odtwarzanie animacji, wybór obiektów i przełączanie materiałów w swojej aplikacji. Jeśli Twój kod używa nazw węzłów lub extras, pozostaw włączone opcje ich zachowania i sprawdź te wyszukiwania po optymalizacji.
03 / KONTROLE
Porównaj oryginalny i zoptymalizowany model pod tym samym kątem i z tej samej odległości, a następnie obejrzyj kilka zbliżeń. Zachowaj oryginalny plik i używaj go przy każdej nowej próbie, aby zmiany nie kumulowały się w wyniku powtarzanych optymalizacji.
Ostateczna liczba trójkątów może być wyższa od docelowej ze względu na limit błędu lub ograniczenia siatki. Przeczytaj notatkę o wyniku przed podniesieniem limitu błędu lub włączeniem agresywnego uproszczenia i sprawdź kształt ponownie po każdej zmianie.
Sprawdź rozszerzenia wyjściowe wymienione poniżej polecenia. Twoja przeglądarka potrzebuje odpowiedniego wsparcia dla Meshopt, KTX2 lub WebP. Przetestuj tam ładowanie, materiały i animacje przed zastąpieniem oryginalnego pliku.
NIEWIELKI KONTEKST ZNACZY DUŻO
Praktyczny przewodnik od pierwszego przesłania do powtarzalnego polecenia.
02 / SPRAWDŹ KOMPATYBILNOŚĆMeshopt, KTX2, WebP i szczegóły, których potrzebuje Twoja docelowa przeglądarka.
03 / ROZWIĄŻ PROBLEMOdrzucone dane wejściowe, większe pliki, brakujące tekstury i wygasłe wyniki.
Dowiedz się, czy geometria lub tekstury sprawiają, że Twój GLB jest duży, porównaj wyniki pomiarów i wybierz, które ustawienie zmienić jako pierwsze.
Zmniejsz liczbę trójkątów GLB dzięki celom przechowywania, limitom błędów i blokowaniu granic. Porównaj zwykłe i agresywne uproszczenie na zmierzonej próbce.
Wybierz KTX2 lub WebP dla tekstur GLB, dostosuj wymiary i jakość oraz porównaj ETC1S, UASTC i WebP na tej samej wygenerowanej teksturze.
Załaduj skompresowane Meshopt tekstury GLB i KTX2 do Three.js z GLTFLoader, MeshoptDecoder i KTX2Loader. Zawiera przykład npm i kontrole ładowania.
Zdiagnozuj GLB, który urósł po optymalizacji: usunięto kompresję, tekstury UASTC, ustawienia precyzji i narzut związany z małymi plikami.
* Liczba trójkątów sumuje każdy prymityw siatki raz, z wyłączeniem powtarzających się wystąpień scen. Łączenie siatek może zmienić tę liczbę bez uproszczeń.
Wyniki mogą być większe. Węzły, próbkowanie animacji i precyzja mogą się zmieniać; niestandardowe rozszerzenia i atrybuty mogą zostać odrzucone. Wejście Draco nie jest obsługiwane. Powodzenie podglądu nie gwarantuje kompatybilności z każdą aplikacją. Limit przetwarzania: 120 sekund.