Loja Virtual - Imagens » Histórico » Versão 43
Versão 42 (jaqueline, 18/04/2023 07:55 h) → Versão 43/44 (jaqueline, 18/04/2023 07:55 h)
h1. LINK DESATUALIZADO
h1. CONSIDERAR ESSE ABAIXO
https://redmine.ibtech.inf.br/projects/integracao_igs/wiki/Digita%C3%A7%C3%A3o_de_Pedidos_-_Imagens_dos_Produtos
------------------------------------------------------------------
Loja Virtual - Imagens / Vídeos
Introdução
Este documento visa orientar na criação das imagens que irão compor o site B2B ou B2C - informe-se com o responsável do projeto sobre o tipo de loja.
Em caso de dúvidas entre em contato com o nosso atendimento.
Considerações
As imagens geradas serão usadas somente para o site, então as mesmas devem ser otimizadas para web. O perfil de cor deve ser estritamente RGB e no caso dos arquivos JPG recomendamos compactação entre 75~90%.
A loja restringe o uso de imagens pesadas, limitando o Upload de imagens até 500KB, por isso observe na documentação sempre se foi especificado o tamanho máximo. Este cuidado com tamanhos é importante, pois, muitas pessoas acessarão o site via celular (3G/4G) e o acesso deve ser o mais otimizado possível.
Logo da Empresa
Responsivo: *não*
Tipo de Arquivo: *PNG* (pode ser com fundo transparente)
Altura: *Recomendado 41px*
Largura: *Máximo 200px*
h2. Cabeçalho e Rodapé de E-mail
Responsivo: *não*
Tipo de Arquivo: *JPG*
Altura: *variável*
Largura: *560px*
h2. Banner Rotativo (Desktop)
Responsivo: *não*
Tipo de Arquivo: *JPG*
Altura: *Recomendado 430px*
Largura: *Recomendado 1920px*
*Tamanho máximo do arquivo: 1.5MB*
h2. Banner Rotativo (Mobile)
Responsivo: *não*
Tipo de Arquivo: *JPG*
Altura: *Recomendado 600px*
Largura: *Recomendado 770px*
*Tamanho máximo do arquivo: 1.5MB*
h2. Imagens de produtos
https://atendimento.geovendas.com/kb/article/360461/upload-de-imagens
h2. Vídeos de produtos
Responsivo: *sim*
Tipo de Arquivo: *mp4*
Tamanho para vídeo de Produto (B2B) :
Seguir sempre a proporção 3x4 (LxA). Sugestão: Largura: 750px, Altura: 1000px.
Tamanho para imagem de Estampa (B2B): 50 x 50 px
Limite de Tamanho do Arquivo: *3MB*
Observação 1: *Procure manter um padrão de tamanho para todos as imagens de produtos para evitar disparidade de altura.*
Observação 2: *Sobre as dimensões, recomendamos manter o aspecto de retrato, não há necessidade de ter exatamente a proporção indicada acima.*
Observação 3: *O Profile da cor é importante para não ter disparidade entre a foto e o que é exibido no site, procurar manter o padrão sRGB.*
Observação 4: *Não utilizar sequência "00", começar sempre com "01".*
O produto pode ter vários vídeos organizados por *cor*. A regra da nomenclatura do arquivo é igual para vídeos e imagens.
<pre>
Vídeos da tela de produto:
839103_213_01.mp4
| | | +--- extensão obrigatória
| | +------- numero que define a sequência quando há mais de uma imagem/vídeo por produto/cor
****ATENÇÃO! Se o produto só tiver uma imagem/vídeo para a cor preencha com 01.***
| +---------- código da cor do produto
***ATENÇÃO! No caso de ERP Consistem aqui é o Código do Sortimento! (NÃO É O CÓDIGO DA COR BASE!)***
+---------------- código do produto
</pre>
h2. Layout
O Layout do B2B possuí certas características que podem ser alteradas conforme a necessidade dos
clientes, dessa forma fazendo com que o produto assuma a identidade visual das marcas.
Podem ser alterados hoje esquema de cores, fontes, banners e logos.
!feminize1.jpg!
!feminize2.jpg!
!ohmy1.jpg!
!ohmy2.jpg!
!yeskla1.jpg!
!yeskla2.jpg!
h1. CONSIDERAR ESSE ABAIXO
https://redmine.ibtech.inf.br/projects/integracao_igs/wiki/Digita%C3%A7%C3%A3o_de_Pedidos_-_Imagens_dos_Produtos
------------------------------------------------------------------
Loja Virtual - Imagens / Vídeos
Introdução
Este documento visa orientar na criação das imagens que irão compor o site B2B ou B2C - informe-se com o responsável do projeto sobre o tipo de loja.
Em caso de dúvidas entre em contato com o nosso atendimento.
Considerações
As imagens geradas serão usadas somente para o site, então as mesmas devem ser otimizadas para web. O perfil de cor deve ser estritamente RGB e no caso dos arquivos JPG recomendamos compactação entre 75~90%.
A loja restringe o uso de imagens pesadas, limitando o Upload de imagens até 500KB, por isso observe na documentação sempre se foi especificado o tamanho máximo. Este cuidado com tamanhos é importante, pois, muitas pessoas acessarão o site via celular (3G/4G) e o acesso deve ser o mais otimizado possível.
Logo da Empresa
Responsivo: *não*
Tipo de Arquivo: *PNG* (pode ser com fundo transparente)
Altura: *Recomendado 41px*
Largura: *Máximo 200px*
h2. Cabeçalho e Rodapé de E-mail
Responsivo: *não*
Tipo de Arquivo: *JPG*
Altura: *variável*
Largura: *560px*
h2. Banner Rotativo (Desktop)
Responsivo: *não*
Tipo de Arquivo: *JPG*
Altura: *Recomendado 430px*
Largura: *Recomendado 1920px*
*Tamanho máximo do arquivo: 1.5MB*
h2. Banner Rotativo (Mobile)
Responsivo: *não*
Tipo de Arquivo: *JPG*
Altura: *Recomendado 600px*
Largura: *Recomendado 770px*
*Tamanho máximo do arquivo: 1.5MB*
h2. Imagens de produtos
https://atendimento.geovendas.com/kb/article/360461/upload-de-imagens
h2. Vídeos de produtos
Responsivo: *sim*
Tipo de Arquivo: *mp4*
Tamanho para vídeo de Produto (B2B) :
Seguir sempre a proporção 3x4 (LxA). Sugestão: Largura: 750px, Altura: 1000px.
Tamanho para imagem de Estampa (B2B): 50 x 50 px
Limite de Tamanho do Arquivo: *3MB*
Observação 1: *Procure manter um padrão de tamanho para todos as imagens de produtos para evitar disparidade de altura.*
Observação 2: *Sobre as dimensões, recomendamos manter o aspecto de retrato, não há necessidade de ter exatamente a proporção indicada acima.*
Observação 3: *O Profile da cor é importante para não ter disparidade entre a foto e o que é exibido no site, procurar manter o padrão sRGB.*
Observação 4: *Não utilizar sequência "00", começar sempre com "01".*
O produto pode ter vários vídeos organizados por *cor*. A regra da nomenclatura do arquivo é igual para vídeos e imagens.
<pre>
Vídeos da tela de produto:
839103_213_01.mp4
| | | +--- extensão obrigatória
| | +------- numero que define a sequência quando há mais de uma imagem/vídeo por produto/cor
****ATENÇÃO! Se o produto só tiver uma imagem/vídeo para a cor preencha com 01.***
| +---------- código da cor do produto
***ATENÇÃO! No caso de ERP Consistem aqui é o Código do Sortimento! (NÃO É O CÓDIGO DA COR BASE!)***
+---------------- código do produto
</pre>
h2. Layout
O Layout do B2B possuí certas características que podem ser alteradas conforme a necessidade dos
clientes, dessa forma fazendo com que o produto assuma a identidade visual das marcas.
Podem ser alterados hoje esquema de cores, fontes, banners e logos.
!feminize1.jpg!
!feminize2.jpg!
!ohmy1.jpg!
!ohmy2.jpg!
!yeskla1.jpg!
!yeskla2.jpg!