Dimensões de Imagens para a sua Loja Online

Todas as imagens do seu site são muito importantes para dar credibilidade à sua loja online, e consequentemente à qualidade dos seus produtos. Imagens ruins no e-commerce, geram insegurança ao usuário.

Além disso, é muito importante que as imagens sejam leves, para não prejudicar o carregamento do site. Escrevemos um artigo só sobre isso, e é muito importante que você veja também, são dicas para a exportação das imagens via photoshop: Como Exportar Imagens para a usar No Meu Site?

Este artigo aqui, é sobre as dimensões das imagens para a sua loja online Auryn. Cada página do seu site possui áreas de imagens que devem seguir as medidas recomendadas aqui para que completem a interface da melhor maneira possível. 

Veja todas as diretrizes recomendadas para: 

• Resolução das Imagens
• Tamanho das Imagens dos Álbuns
• Tamanho das Imagens de Opcionais 
• Tamanho das Imagens dos Foto Produtos
• Tamanho da Logo
• Tamanho do Favicon
• Tamanho dos Banners para Desktop
• Tamanho dos Banners para Mobile

Resolução das Imagens

Todas as imagens devem ser produzidas em 72 a 96 dpi. Para saber mais sobre a qualidade do arquivo, visite o artigo já citado antes: Como Exportar Imagens para a usar No Meu Site?

Atenção: todos os tamanhos estão no padrão Largura x Altura

Tamanho das Imagens dos Álbuns

Modelo do Álbum 1500px x 1289px;

Tamanho das Imagens de Opcionais

As imagens devem ser quadradas, o tamanho ideal é de 800px x 800px. Elas não devem ultrapassar os 1200px x 1200px ;

______________________________________________________________________________

Tamanhos das Imagens dos Foto Produtos

Foto Produtos - 1500px x 1289px;

Tamanho da Logo

• Logo - até 300 px x até 70 px 

A logo ficará mais legível se produzida na horizontal, já que tem mais espaço nesta orientação. Verifique também o contraste ideal entre a fonte e o fundo do cabeçalho, que pode variar de acordo com o layout que você escolheu;

Tamanho do FavIcon

• FavIcon - até 260px x até 260px 

Tamanho dos Banners para Desktop

1. Banner Principal - Largura total da tela:
   • 1920px x 700px - usado pela maioria das lojas, é um banner bem grande e alto.
   • 1920px x 500px - um pouco menor na altura.
2. Banner na tela de Álbuns, impressões ou Foto Produtos - escolha o tamanho que preferir:
   • 1240px x 400px
   • 1240px x 300px um pouco mais fininho.

Tamanho dos Banners para Mobile

Escolha uma das medidas que gostar mais, e utilize para todos os banners mobile. Como as telas dos dispositivos são muito variadas, não é possível ter precisão sobre quanto da tela exatamente será ocupada para os banners, mas vamos colocar alguns prints abaixo para vocês terem uma ideia.

1. 400px x 300px banner mais horizontal, ocupa menos a tela, é mais limitado quanto à quantidade de informações;
2. 
   
3. 400px x 400px banner quadrado, ocupa boa parte da tela - nosso tamanho preferido;
4. 
   
5. 400px x 470px banner mais retangular, ocupa quase toda a tela, ou toda, dependendo do dispositivo.

Qualquer dúvida estamos sempre à disposição, no e-mail suporte@auryn.com.br.