Se você tem uma loja Shopify e quer apresentar produtos com modelos 3D, vale a pena ficar de olho nesta novidade empolgante. A Shopify acabou de liberar exatamente a mesma ferramenta que usa internamente para otimizar modelos 3D — e ela é totalmente gratuita.
Por que isso importa para a sua loja
A visualização de produtos em 3D está se tornando cada vez mais importante para varejistas online. Seja você vendendo móveis, eletrônicos ou itens de moda, permitir que os clientes vejam os produtos por todos os ângulos pode aumentar significativamente as taxas de conversão. No entanto, sempre existiu um grande desafio: o tamanho do arquivo.
Today @Shopify is open sourcing the tool we use for optimizing glTF 3D models.
🔧 Tweak compression settings per texture
⚡ See changes immediately
🧰 Mesh compression options
🌐 Hosted online & free👇 Check the thread for details pic.twitter.com/HNgcXaxWxn
— Daniel Beauchamp (@pushmatrix) July 31, 2025
Arquivos 3D grandes geram tempos de carregamento lentos, o que frustra clientes e prejudica o desempenho da sua loja. Até agora, a maioria das ferramentas de otimização seguia uma abordagem “tamanho único”, comprimindo todas as texturas da mesma forma. Isso muitas vezes resultava em arquivos que ainda eram grandes demais ou em modelos com aparência péssima.
O que torna a ferramenta da Shopify diferente
O novo glTF Compressor (disponível em gltf-compressor.com) resolve esse problema com um recurso revolucionário: controle de compressão por textura.
Veja o que você pode fazer:
- Ajustar as configurações de compressão individualmente para cada textura – Seus normal maps (que definem detalhes de superfície) podem manter maior qualidade, enquanto texturas menos críticas, como mapas de ambient occlusion, podem ser comprimidas de forma mais agressiva
- Ver as mudanças imediatamente – Sem precisar exportar o modelo repetidas vezes para testar configurações diferentes
- Comparar a versão original e a comprimida lado a lado – Tome decisões mais informadas sobre o equilíbrio entre qualidade e tamanho
- Acessar opções de compressão de malha – Otimize não apenas as texturas, mas também a própria geometria 3D
Como usar isso na sua loja
- Acesse a ferramenta em gltf-compressor.com – ela é hospedada online e totalmente gratuita
- Envie seu modelo 3D em glTF – Este é o formato padrão para conteúdo 3D na web
- Ajuste as configurações de compressão de cada textura individualmente
- Pré-visualize as mudanças em tempo real para garantir que a qualidade esteja dentro do seu padrão
- Baixe o modelo otimizado quando estiver satisfeito com o resultado
Impacto no mundo real: o exemplo do Horizon Drive
Para demonstrar o poder desta ferramenta, a Shopify criou o Horizon Drive — um jogo de corrida totalmente funcional construído com Three.js e React. Apesar de ser uma experiência 3D complexa, o jogo inteiro tem menos de 10MB graças a uma otimização cuidadosa usando exatamente esta ferramenta.
O que impressiona ainda mais é como eles construíram isso:
- Sem necessidade de bibliotecas de física
- Sem cálculos caros de raycasting
- Detecção de colisão da pista usando normais e tangentes baseadas em spline
- Desempenho excepcional em dispositivos comuns
Shopify just launched a racing game built in threejs and React (R3F).
No physics libraries. No raycasts.
Not vibe coded. But all vibes. ✨ pic.twitter.com/37WT2gMgpF
— Daniel Beauchamp (@pushmatrix) May 22, 2025
Você pode experimentar por conta própria como um easter egg na página Summer 2025 Editions da Shopify.
A equipe por trás da ferramenta
Esta poderosa ferramenta de otimização foi criada por uma equipe talentosa da Shopify, incluindo Daniel Beauchamp (@pushmatrix), Diego Macario (@maca_graphics), brennan (@letkma) e outros colaboradores.
São os mesmos desenvolvedores que criaram o impressionante jogo de corrida Horizon Drive, demonstrando grande domínio em experiências 3D na web. A decisão de tornar open source essa ferramenta interna mostra o compromisso da Shopify em capacitar lojistas com recursos de nível profissional.
Por que o open source importa
Ao tornar esta ferramenta open source (código disponível em github.com/shopify/gltf-compressor), a Shopify está dando a você acesso à mesma tecnologia de otimização que usa em suas próprias experiências 3D de alto desempenho. Isso significa:
- Sem dependência de fornecedor – Você é dono dos seus arquivos otimizados
- Melhorias da comunidade – Desenvolvedores do mundo todo podem contribuir com aprimoramentos
- Transparência – Você pode ver exatamente como seus modelos estão sendo processados
- Potencial de personalização – Lojistas com conhecimento técnico podem adaptar a ferramenta para necessidades específicas
Boas práticas para seus modelos 3D
Ao usar o glTF Compressor nos modelos 3D da sua loja, tenha estas dicas em mente:
- Comece com modelos de alta qualidade – A ferramenta otimiza o conteúdo existente; ela não consegue melhorar uma qualidade original ruim
- Teste em vários dispositivos – O que fica bom no seu computador potente pode ter dificuldades nos celulares dos clientes
- Equilibre qualidade e desempenho – Às vezes, um arquivo um pouco maior que carrega de forma confiável é melhor do que um ultra comprimido com aparência ruim
- Considere seu público – Itens de moda podem exigir maior qualidade de textura do que equipamentos industriais
Comece hoje mesmo
Se você já usa modelos 3D na sua loja Shopify, experimente passá-los por este otimizador hoje. Você provavelmente verá reduções significativas no tamanho do arquivo sem perda perceptível de qualidade. Se você ainda não adicionou visualização 3D à sua loja, esta ferramenta remove uma das maiores barreiras de entrada.
A combinação dos recursos de AR da Shopify com esta nova ferramenta de otimização significa que nunca houve um momento melhor para melhorar suas páginas de produto com conteúdo 3D interativo. Seus clientes vão valorizar a possibilidade de examinar os produtos em detalhes, e sua loja vai se beneficiar do maior engajamento e da redução da taxa de rejeição que vêm com experiências 3D de alta qualidade e carregamento rápido.
Pronto para otimizar seus modelos 3D? Acesse gltf-compressor.com e veja a diferença por conta própria.
