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
Comentários
Ver todas as materias
Mais populares
Índice Wiki
A
Admin - Ajuda Rápida
Admin - Viajem rápida
AdSense - Como cadastrar e exibir anuncios em seu site
Aplicativo PierTurbo
Aplicativos do Admin PurplePier
B
Banner Animado - Como criar um banner para seu site
Banner Breaking News
Banner Loja Animee - Banner animado
Banners - Como alterar o banner principal
Banners - Medidas
Banners - O que são e como usá-los
Benchmarking
Bling - Integração com Loja Virtual
Blog - Aprenda como multiplicar o número de visitantes com as Redes Sociais
Blog - Como criar uma nova matéria para exibir em seu website
Boas-vindas!
C
Cadastrando Revista Issuu no seu web site
Canal de Comunicação - Admin
CHAMADO - Deseja falar com PurplePier?
Chamados - Como enviar um print screen da sua tela
Chamados - Como permitir que seus clientes abram chamados para você
Classificados - Anúncios o que são e como gerenciar
Classificados - Categorias - Como alterar a ordem de exibição das categorias
Classificados - Categorias - Como alterar imagem dos ícones das categorias
Classificados - Categorias - Como tirar de exibição uma categoria
Classificados - Como criar e editar planos para venda de créditos
Classificados - Como criar uma Pagina Oficial
Classificados - Como é feito o pagamento pelo anúncios no site
Classificados - Como fazer cadastro de anunciante e primeiro anúncio
Classificados - Como gerenciar os status de edição
Classificados - Como incluir vídeos e novas imagens dentro de um anúncio
Classificados - Como introduzir créditos manualmente para um anunciante
Classificados - Como liberar os anúncios para serem exibidos no site
Classificados - Como validar manualmente o cadastro do anunciante
Classificados - Edições, o que é e como gerenciar
Clientes - Como exibir seus clientes no site
Coaching - O que é e como funciona
Cobrança - Como enviar uma cobrança
Comentários e depoimentos - como visualizar
Como criar uma Live no Facebook e exibi-la no seu site
Como divulgar CURSOS usando o aplicativo PierInbound?
Como fazer um webinário usando a ferramenta Google Hangout
Como obter melhores resultados nas pesquisas orgânicas do Google
Como vender produtos no Instagram e Facebook
Componente - Audio Fort Wayne
Componentes - O que são e como utiliza-los
Concursos - Como publicar um concurso
D
Depoimentos - como visualizar
DNS - Como adicionar o PurplePier ao Registro BR
Downloads - disponibilizando arquivos para baixar
E
E-commerce - Como gerenciar seu estoque
E-commerce - criando sua loja
E-commerce - Embalagens e cálculo de frete
E-commerce - Frete grátis
E-commerce - Pagamentos
E-commerce - Paleta de cores do produto como cadastrar
E-commerce - Removendo um item da loja
E-commerce - Requisitos Iniciais
E-mail - Como acessar o servidor de email
E-mail - Como configurar o Gmail para receber email do servidor
E-mail - Como trocar a senha do email
E-mail com horários divergentes
E-mail de Noticação
E-mail de Prospecção como usar o aplicativo
E-mail Marketing - Mailing do Gmail
E-mail Marketing - Mailing Excel
E-mail Marketing - Resultado da Campanha
E-mail Outlook - Como configurar
E-mails Automatizados - Abandono de carrinho
E-mails de contato - Como é recebido os e-mails de contato pelo site
EAD - Avaliações, o que são e como utilizá-las
EAD - Como adicionar professores nos cursos
EAD - Passos iniciais
ERP - Cadastrando um cliente com cobrança de mensalidade
ERP - Cadastrando uma conta recorrente a receber ou a pagar
ERP - Contas a pagar e receber
ERP - Faturas
ERP - Faturas, como parar de enviar faturas de hospedagem ou outros serviços mensais
ERP - Trabalhe Conosco
Estatísticas - o que são e pra que servem?
Eventos - Criar um evento
Eventos - Ver ficha de inscrição em eventos
F
Facebook - Como limpar o cache de um link no Facebook?
Facebook - compartilhar não atualiza informações
Facebook - Dicas para criar aplicativos
Facebook - Endereço da Página
Faq - Perguntas Frequentes
Faturas Recorrentes
Fotos - Como tirar fotos para seu site ou ecommerce
G
Galeria de Usuários - com a Tag de Profissional
Galerias
Galerias de Fotos
Google Categorias de Produtos
Google Hangout - O que é e para que serve
Google Shopping - Como publicar no Merchant
GoogleHangout - Como criar suas salas de vídeo
I
Imagem - Bancos de imagens
Imagem - Como alterar o tamanho de uma imagem no Photoshop OnLine
Imagem - Como criar uma imagem para o Facebook usando o Photoshop online
Imagem - Como deixar suas imagens com o mesmo tamanho
Imagens - Como cadastrar e editar
Imprimir - Veja como imprimir grandes quantidades de itens
Integração com Portais de Divulgação
Itaú - Como pagar a cobrança
L
Landing Page ou HotSites - O que é e como editar
Licitações - o que é e como utilizar
Limpando o Cache
Loja Conveniência - o que é e como usar
M
Matérias - Criando e editando matérias
Melhor Envio
Menu
Menu - Como alterar a cor da barra de menu
Menu Mega - Menu Especial
Menu Retrátil - como criar
Minisites
MultiLínguas - como adicionar mais de uma língua ao seu site
N
Newsletter - Como ver editar e gerenciar seus inscritos no seu mailing
Notificação de interesse de compra
P
Páginas - Como criar e manusear suas páginas
Páginas - melhorando o posicionamento de suas páginas nos buscadores
Páginas Avançadas - como criar/editar
PDV - Para que serve e como funciona
Pesquisas - Primeiros Passos
Pier Aplicativo - O que é e o que faz
Pier Fórum
Pier Inbound - Como publicar matérias pelo aplicativo
Pier-API - Introdução
PierMail - Disparar campanhas de e-mail
PierMail Disparar campanhas de e-mail usando o novo CONSTRUTOR DE LAYOUT
Playground, criar e editar imagens é divertido
Podcast - como adicionar arquivos ao seu FTP
Primeiros Passos
Produtos - Como cadastrar um produto
Produtos - Como criar categorias que exibem subcategorias
Produtos - como editar: guia rápido
Produtos - Como montar planilha em Excel para criação de Script na hora de cadastrar produtos na plataforma PurplePier?
Promoções - O que são e como criá-las
Prospecção de Cliente - o que é e como utilizar
Publicidade Flutuante
Publicidade Online - Como adicionar banner de publicidade no seu site
R
Rede de Afiliados - O que é e como utilizar
Redes Sociais
Regras de CEP
Revista ISSU
ROI - Retorno do Investimento
S
SharePoint - O que é e como utilizar
Sharepoint: Como disponibilizar conteúdo restrito para seus usuários
Sinistros - O que é e como utilizar essa ferramenta
Site no ar
T
Tabelas - Como criar uma tabela
Tags de usuários
Texturas - O que são e como alterar as cores do seu site
U
Usuários - O que são e como gerenciá-los
V
Veículos - Como cadastrar ou alterar um veículo
Vídeos - Youtube e Vimeo
Vouchers de desconto
W
WhatsApp - Como personalizar o conteúdo que deseja enviar para grupos, contatos e amigos
