Modelagem 3D de produto para site e e-commerce: como funciona, formatos (GLB, USDZ) e prazos

Modelagem 3D de produto para site é o processo de transformar fotos, medidas ou arquivos CAD num modelo leve, em GLB, que abre no navegador em segundos e, convertido para USDZ, aparece em realidade aumentada no iPhone. Um produto simples fica pronto em dias; o que define prazo e preço é a complexidade da geometria e dos materiais.

Como funciona o pipeline de modelagem 3D de produto para web?

O pipeline tem seis etapas: coletar o insumo, modelar a geometria, criar as texturas PBR, otimizar, exportar em GLB e USDZ e validar no aparelho. A diferença para um render de catálogo está nas três últimas: um render só precisa ficar bonito numa imagem; um modelo para web precisa rodar em tempo real num celular de entrada.

A base técnica é o glTF, formato aberto do Khronos Group que a própria entidade chama de JPEG do 3D. O GLB é a versão de arquivo único desse formato: geometria, texturas e materiais num só binário, pronto para o navegador. As diretrizes de criação de ativos do grupo de 3D Commerce do Khronos fixam as regras que valem para qualquer loja: o modelo tem escala 1:1 com o item real, 1 unidade equivale a 1 metro, e o glTF só guarda triângulos, nunca quadriláteros.

As texturas seguem o modelo PBR de metalicidade e rugosidade, o mesmo usado pelo glTF e pelo USDZ. O checklist da Shopify para parceiros lista o que um GLB precisa trazer: mapa de cor, mapa normal e um mapa empacotado com oclusão, rugosidade e metalicidade nos canais vermelho, verde e azul. É esse conjunto que faz um tecido parecer tecido e um metal escovado refletir como metal, sem adicionar um triângulo.

A validação é a etapa que separa quem fez 3D para web de quem fez render. O modelo precisa abrir no model-viewer, web component do Google que exibe glb e gltf com realidade aumentada, e no celular real, com o visitante girando o produto. O que acontece quando um site 3D pesa demais está medido em site 3D pesa?.

Fotos, CAD ou fotogrametria: de onde o modelo nasce?

O modelo nasce de uma de três origens: o CAD da fábrica, fotos com medidas ou fotogrametria. Cada uma entrega um ponto de partida diferente, e nenhuma dispensa o trabalho de otimização que vem depois.

Fontes: Apple Developer, RealityScan, Khronos 3D Commerce, consultadas em outubro de 2026.

O CAD parece a melhor origem e costuma ser a mais trabalhosa. O arquivo da engenharia descreve superfícies matemáticas, com cada parafuso e cada rosca interna. Convertido direto, vira uma malha de milhões de triângulos que nenhum celular segura. O trabalho é a retopologia: reconstruir a forma externa com poucos triângulos e jogar o detalhe fino para o mapa normal, como recomendam as diretrizes do Khronos.

A fotogrametria ficou acessível. O Object Capture da Apple cria objetos 3D a partir de fotografias bem iluminadas, tiradas de muitos ângulos, no iOS 17 e no macOS 12 ou posterior. O RealityScan, da Epic Games, é gratuito para pessoas e empresas com receita anual abaixo de US$ 1 milhão e tem aplicativo móvel. O resultado, porém, é uma malha pesada com textura única, que ainda precisa de limpeza, retopologia e materiais PBR para virar um GLB de loja.

Fotos com medidas continuam sendo o caminho mais comum para e-commerce. Com seis ângulos, as três medidas e uma foto do rótulo em alta resolução, um modelador constrói a peça do zero, já na malha certa.

GLB ou USDZ: qual formato o site precisa?

O site precisa dos dois: GLB para o navegador e para a realidade aumentada no Android, USDZ para a realidade aumentada no iPhone e no iPad. Um é o formato de trabalho; o outro é a exigência de um ecossistema.

Fontes: Khronos Group, Apple Developer, Google Scene Viewer, consultadas em outubro de 2026.

No iPhone, a realidade aumentada acontece pelo AR Quick Look, que Safari, Mensagens, Mail, News e Notas usam para exibir arquivos USDZ em 3D no iPhone, no iPad e no Apple Vision Pro. Na página web, a documentação da Apple mostra o mecanismo inteiro: um link com rel="ar" envolvendo uma imagem e apontando para o arquivo .usdz. Ao tocar, o iOS abre o produto sobre a mesa do visitante, sem aplicativo.

No Android, o caminho é o Scene Viewer do Google, que abre glTF 2.0 e GLB em aparelhos com ARCore e Android 7.0 ou superior. O model-viewer costura os dois mundos: recebe o GLB para a página e o USDZ para o iPhone, e decide qual usar pelo aparelho do visitante. Como colocar esse visualizador na loja, com o botão de RA, está em produto em 3D e realidade aumentada no e-commerce.

Plataformas resolvem parte da conversão. A Shopify aceita o envio do GLB e gera o USDZ automaticamente. Fora dela, o USDZ precisa ser exportado pelo estúdio e testado num iPhone de verdade, porque nem todo material do glTF tem equivalente exato no formato da Apple.

Quanto um modelo 3D pode pesar e como chegar lá?

Um modelo 3D de produto para web deve ficar entre 4 e 10 MB, com até 100 mil triângulos e texturas de no máximo 2048 x 2048 pixels, segundo os limites publicados pela Shopify e pelo Google. Esses não são números nossos: são os limites de quem exibe os modelos.

O Scene Viewer recomenda até 100.000 triângulos, modelo de até 10 MB e textura máxima de 2048 x 2048, com a ressalva de que mirar o menor número mantém o desempenho. A Shopify é mais exigente com os parceiros: tamanho total em torno de 4 MB, texturas de até 2048 px para web móvel e em JPG otimizado. Na loja, a central de ajuda aceita arquivos de até 500 MB, mas otimiza automaticamente tudo o que passa de 15 MB: acima disso, o modelo é refeito por uma máquina.

Chegar a esse peso é trabalho de três ferramentas. O Draco, biblioteca do Google, comprime malhas e nuvens de pontos para que as aplicações fiquem significativamente menores sem comprometer a fidelidade visual. O KTX 2 é o contêiner do Khronos para texturas de GPU: a imagem viaja compacta e é transcodificada em tempo de execução para o formato comprimido que a placa do celular entende, em vez de ocupar memória como um PNG aberto. O glTF Transform aplica os dois por linha de comando, mais o Meshopt, que comprime geometria, morph targets e animação.

A ordem importa. Primeiro reduz-se a geometria na modelagem, jogando detalhe para o mapa normal, como pedem as diretrizes do Khronos. Depois empacotam-se as texturas e remove-se o que o visitante nunca vê: a parte interna de uma caixa fechada, a rosca de um parafuso. Só então entra a compressão. Comprimir um modelo mal feito entrega um arquivo pequeno que trava do mesmo jeito, porque a GPU descomprime tudo antes de desenhar. A conta inteira de bytes, bloqueio e quadros por segundo está em Core Web Vitals em 2026 e na anatomia do nosso herói 3D.

Um modelo leve não é um modelo comprimido. É um modelo que foi feito pensando no celular que vai abri-lo.

Quanto tempo leva e o que define o preço de um modelo 3D de produto?

Um produto de formas simples, com um material, fica pronto em dias; um produto com vidro, tecido, mecanismo ou dez variantes de cor leva semanas. O que define prazo e preço é a soma de quatro fatores: geometria, materiais, variantes e uso final.

O piso de mercado é visível. Num anúncio de freelancer no Fiverr, consultado em outubro de 2026, o pacote básico custa R$ 187,29 para formas simples de modelos 3D para Shopify, Amazon ou eBay, com entrega em 3 dias e arquivo de origem incluído. É um ponto de partida honesto para uma caneca, uma embalagem ou um móvel de linhas retas. Não é referência para uma luminária de vidro soprado nem para um tênis com malha, costura e sola translúcida.

A geometria pesa pelo tempo de retopologia: formas orgânicas e peças com muitos componentes exigem mais horas de malha. Os materiais pesam pelo que não se resolve com foto: vidro, líquido, metal polido e tecido precisam de mapas e testes de iluminação até parecerem reais num celular. As variantes pesam de dois jeitos: trocar cor é barato, trocar forma é outro modelo. E o uso final muda tudo, porque um modelo para visualizador de página aceita mais triângulos do que um modelo para realidade aumentada ou para um configurador 3D de produto, que precisa responder ao toque sem engasgar.

Para uma faixa de referência sem fonte pública, o caminho é pedir três orçamentos com o mesmo briefing. O que os estúdios cobram para integrar o modelo numa experiência completa, com scroll, animação e site em volta, está em quanto custa um site 3D.

O 3D Experiences da Brave Cross, que é o nosso, inclui modelagem e entrega para web, mas é feito para produtos que carregam a história de uma marca, como o herói de um lançamento ou o configurador de um móvel planejado. Para um catálogo de centenas de itens que precisa de um GLB por produto, um estúdio de modelagem em volume ou um pipeline de fotogrametria resolve melhor e mais barato do que nós.

O que pedir no orçamento de modelagem 3D de produto?

O orçamento precisa listar formato de entrega, escala, peso máximo, resolução e mapas de textura, variantes, uso final, arquivos-fonte e critério de aprovação. Sem esses itens escritos, a proposta mais barata costuma ser a que entrega um render bonito e um GLB de 60 MB.

Fontes: Google Scene Viewer, Shopify Partners, glTF Transform, consultadas em outubro de 2026.

Dois itens merecem destaque. O primeiro é a escala real: as diretrizes do Khronos exigem o modelo no tamanho exato do produto, porque a realidade aumentada vai colocar o objeto na sala do visitante com as dimensões do arquivo. Um sofá modelado em centímetros aparece do tamanho de uma caixa de fósforos no AR Quick Look.

O segundo é o critério de aprovação. Render em alta resolução prova que o modelo é bonito, não que ele roda. A aprovação precisa acontecer no visualizador, num celular Android comum e num iPhone, com o visitante girando, aproximando e abrindo a RA. Se a proposta não prevê esse teste, ela está vendendo imagem, não modelo. O comparativo entre three.js, Spline e React Three Fiber ajuda a decidir onde o GLB vai viver depois de aprovado.

Perguntas frequentes

Dá para fazer um modelo 3D de produto só com fotos?

Sim, por dois caminhos. Com fotos de todos os ângulos e medidas, um modelador constrói a peça do zero, já leve e com materiais PBR. Com fotogrametria, ferramentas como o Object Capture da Apple e o RealityScan geram a forma a partir de dezenas de fotos, mas o resultado ainda precisa de retopologia e limpeza antes de virar um GLB de loja.

Quantos polígonos um modelo 3D para site deve ter?

O Scene Viewer do Google recomenda até 100.000 triângulos e orienta mirar o menor número possível. Para a maioria dos produtos de e-commerce, dezenas de milhares bastam, desde que o detalhe fino esteja no mapa normal. O número certo é o menor que preserva a silhueta e as bordas do produto no celular.

Preciso de USDZ se já tenho o GLB?

Só se quiser realidade aumentada no iPhone e no iPad. O GLB cobre o visualizador na página em qualquer navegador e a RA no Android via Scene Viewer. O AR Quick Look da Apple exige USDZ. A Shopify gera o USDZ a partir do GLB; fora dela, o estúdio exporta e testa num aparelho da Apple.

Modelo 3D substitui a foto do produto?

Não. A foto continua sendo a primeira imagem da página, a que carrega rápido e aparece no Google Shopping e nas redes. O modelo 3D entra como segunda mídia, para girar, aproximar e ver em RA. Os dois convivem, e o pôster do modelo, a imagem que aparece antes de o GLB carregar, costuma ser uma dessas fotos.

O que é textura PBR e por que o orçamento fala nela?

PBR é a renderização baseada em física: um conjunto de mapas que descreve cor, relevo, oclusão, rugosidade e metalicidade da superfície. O glTF e o USDZ usam o modelo de metalicidade e rugosidade, e é esse conjunto que faz o material reagir à luz do ambiente do visitante. Sem PBR, o produto parece pintado, não fabricado.

Conclusão

Modelar um produto para web é projetar para o pior celular que vai abri-lo, não para a melhor tela que vai aprová-lo. O formato é o GLB, o irmão obrigatório é o USDZ, o peso cabe em poucos megabytes e o detalhe mora no mapa normal, não na malha.

O orçamento bom é o que descreve o arquivo final em números: escala, peso, resolução, mapas e teste no aparelho. Quem recebe esse briefing e responde com um render está vendendo outra coisa.

Se o seu produto merece ser girado, aproximado e colocado na sala do cliente, fale com o estúdio sobre o 3D do seu site.