
Banners - Medidas




A PurplePier limitou a quantidade de imagens para banners e os tamanhos desses para facilitar a vida de nossos usuários.
A PurplePier agora utiliza dois tamanhos padrões para o tamanho das imagens, 1170px de largura e 450px de largura.
Com esses tamanhos você pode criar e editar todos os banners do site, você pode adquirir componentes Maromba, ou outros componentes de conteúdo e adicionar suas imagens com os tamanhos acima neles.
Tamanho 1170px de largura, é o tamanho ideal para banners principais e banners que ocupam a largura total do site, exemplo os componentes Texas, também são chamados de FULL.
Tamanho 450px de largura são para banner menores, como publicidade, componentes NewYork, Tenessi, Brooklin e etc
Utilizando esse dois tamanhos de imagens, será fácil gerenciar seus banners.
Os tamanhos dos banners são definidos pela largura, e a altura pode ser a que você desejar.
Como eu vejo o tamanho do meu banner?
Para ver o tamanho da imagem do seu banner você pode clicar com o botão direito, e escolher "Ver tamanho da imagem", ou "Ver propriedades"
Você também pode salvar a imagem no seu computador e após isso clicar com o botão direito, e selecionar "Ver propriedades"ou "Ver informações"
Veja Abaixo como montar um banner Full BackStage
O Tamanho da Área Segura do banner é de 1170px e a altura você pode determinar, uma boa altura é de 500px para o banner principal.

Um banner animado "Backstage" sempre deve ser montado em 2 imagens distintas, o Background e o Conteúdo da Área Segura.
Como o banner é responsivo, somente o conteúdo da Área Segura será redimensionado e o background vai cortar aleatoriamente, o que chamamos de corte louco, pois pode cortar imagens, rostos, letras e etc.
O background deve possuir apenas elementos que não há problema de cortar, se você precisar que um conteúdo não seja cortado você deve adiciona-lo dentro da Área Segura, que tem uma largura máxima de 1170px.
Veja na imagem acima como fica a estrutura do banner, o background possui uma imagem que pode ser cortada sem problemas, já o conteúdo fica todo dentro da Área segura.
O background pode ser uma imagem com 1920px ou 2560px, se precisar de uma boa resolução para monitores grandes, 2560px, caso não seja extremamente necessário, uma imagem com 1920 já é mais que suficiente.
O que você achou desta informação?
Leia também