Tipos de mídia do produto

Os clientes que navegam na loja virtual veem mídias como imagens nas páginas de produtos. O uso de mídias como vídeos, modelos 3D e realidade aumentada na página do produto pode aumentar a confiança do cliente nos produtos, o que leva a uma melhor experiência do cliente e a mais vendas. É importante que as mídias adicionadas aos produtos sejam de alta qualidade e atendam às especificações obrigatórias para que o upload seja feito e elas sejam exibidas corretamente.

Para exibir vídeos ou modelos 3D nas páginas de produtos, a loja virtual precisa usar um tema compatível com a mídia que você quer adicionar. Todos os temas são compatíveis com a inclusão de imagens nos produtos.

Nesta página

Imagens

As imagens de produto são usadas para exibir produtos nos canais de vendas da Shopify, inclusive na loja virtual e no Shopify POS. O melhor tipo de arquivo para a maioria das imagens de produto é PNG, seguido por JPEG. Outros tipos de arquivo aceitos são PSD, TIFF, BMP, GIF, SVG, HEIC e WebP. Também há compatibilidade com versões animadas de arquivos GIF e WebP. O serviço de imagens da Shopify determina quais formatos são aceitos pelo navegador do cliente e, depois, exibe a imagem automaticamente no melhor formato disponível. A forma exata como as imagens são exibidas na loja depende do tema da loja virtual, mas todos os temas são compatíveis com a adição de imagens.

As imagens de produto e de coleção podem ter qualquer tamanho de até 5000 x 5000 px ou 25 megapixels. Para serem adicionadas à Shopify, as imagens de produto e de coleção precisam ter um tamanho de arquivo inferior a 20 MB.

Fotos de alta resolução parecem mais bem-acabadas e profissionais para os clientes. Para imagens de produto quadradas, o tamanho de 2048 x 2048 px costuma ser o melhor. Para mais dicas sobre como fotografar os produtos, leia O guia definitivo para tirar lindas fotos de produtos por conta própria no blog da Shopify.

Quando você adiciona uma imagem, diferentes tamanhos são criados automaticamente para uso em diferentes áreas do tema da loja virtual. Por exemplo, a versão grande de uma imagem de produto pode ser usada na página de informações do produto, na qual o cliente quer ver o produto em detalhes. A versão compacta da mesma imagem pode ser usada nos modelos de coleção, nos quais uma imagem maior não é necessária.

Modelos 3D

Modelos 3D são representações virtuais de um objeto em três dimensões. Os modelos 3D podem dar aos clientes uma noção melhor do tamanho, da escala e dos detalhes dos produtos.

Um cliente que navega na loja pode visualizar modelos 3D do produto na página do produto. Os modelos usam a câmera e a tela do dispositivo para exibir o produto no ambiente do cliente. Com o modelo 3D, o cliente pode ver o objeto de qualquer ângulo.

Verifique se os arquivos de modelo 3D atendem aos seguintes requisitos antes de adicioná-los à loja virtual:

Tamanho do arquivo: até 500 MB
Tipo de arquivo: GLB, USDZ

Se você fizer o upload de um arquivo de modelo 3D com mais de 15 MB, ele será otimizado automaticamente. A otimização reduz o tamanho dos arquivos e aumenta a velocidade de carregamento.

Lista de tamanhos de modelo (em MB), a regra de otimização e o tipo de mídia de conversão padrão.
Tamanho do modelo	Otimização	Conversão
Menor que 15 MB	O modelo 3D não é otimizado. A geometria e os materiais do modelo não são alterados.	Os arquivos são convertidos para garantir que as versões .USDZ e .GLB do modelo estejam disponíveis. A conversão garante a compatibilidade com dispositivos baseados em Android e iOS.
Maior que 15 MB	O modelo 3D é otimizado. A geometria e as texturas do modelo são otimizadas, preservando o resultado visual do arquivo original.	Os arquivos são convertidos para garantir que as versões .USDZ e .GLB do modelo estejam disponíveis. A conversão garante a compatibilidade com dispositivos baseados em Android e iOS.

Vídeos

É possível adicionar vídeos ao produto de duas maneiras: fazendo upload de um arquivo de vídeo ou incorporando um link de vídeo do YouTube ou do Vimeo. Caso opte por fazer upload de arquivos de vídeo, verifique se eles atendem aos seguintes requisitos:

Duração do vídeo: até 10 minutos
Tamanho do vídeo: até 1 GB
Resolução do vídeo: até 4K (4096 x 2160 px)
Tipo de arquivo de vídeo: .mp4, .mov ou .webm

Não é preciso atender a esses requisitos para incorporar vídeos do YouTube ou do Vimeo. No entanto, URLs que não sejam do YouTube ou do Vimeo não são compatíveis.

Em navegadores compatíveis com streaming, os vídeos são exibidos em 480p, 720p ou 1080p, dependendo da velocidade da conexão do espectador e da resolução do vídeo enviado. Já em navegadores incompatíveis com streaming, os vídeos são exibidos na maior resolução disponível.

É possível adicionar imagens, modelos 3D ou vídeos aos produtos no admin da Shopify ou no app da Shopify.

Temas compatíveis com modelos 3D ou vídeos

Pode ser que o tema já seja compatível com modelos 3D ou vídeos. É preciso verificar se o tema está atualizado com a versão correta.

Os temas da Shopify a seguir são compatíveis com a exibição de modelos 3D ou vídeos na loja virtual:

Todos os temas da Online Store 2.0 desenvolvidos pela Shopify. Saiba mais sobre a arquitetura do tema.
Toda a família de temas Horizon.

Certos temas também foram atualizados para proporcionar uma experiência aprimorada para a reprodução de vídeos do Vimeo. Se você quiser usar vídeos do Vimeo no tema, atualize-o para uma das seguintes versões:

A maioria dos temas de terceiros tem versões recentes que incluem modelos 3D ou vídeos. Se você usa um tema desenvolvido por um terceiro, entre em contato com o desenvolvedor para receber atendimento ou consulte a documentação de ajuda do tema.

Adicionar mídia de produto usando metacampos

Se quiser personalizar a forma como a mídia do produto é exibida na loja virtual, use metacampos para criar um metacampo de referência de arquivo para os produtos. Os metacampos de referência de arquivo permitem o upload de imagens para exibir os produtos ou de todos os outros tipos de arquivo para download pelos clientes. É possível exibir imagens JPEG, PNG, WEBP, SVG, HEIC ou GIF em metacampos na loja virtual. Um metacampo pode conter apenas um arquivo por vez.

Se você tiver um tema compatível, poderá conectar metacampos de referência de arquivo ao tema usando o editor de temas. Se estiver usando temas antigos, você poderá editar o código do tema ou contratar um Parceiro da Shopify para ajudar.