Conheça as medidas ideais para as imagens do seu Site Singular

        03 de junho, 2022

Importante! Com a atualização de versão da plataforma do Site Singular, realizada em 25 de junho de 2022, algumas mudanças ocorreram na área administrativa da ferramenta. Para conferir o que mudou, acesse o artigo Confira todas as mudanças da versão Liferay 7.3.

Olá!

Você está montando o novo site da sua Unimed e precisa de orientações quanto às medidas ideais das imagens que serão publicadas? Então, leia este artigo e saiba quais são as recomendações para cada seção e por que  é importante dar a devida atenção a esse assunto.

Você sabia que as imagens que utiliza, assim como medidas, pesos e legendas, têm um grande impacto na hora do Google decidir quais páginas ele vai sugerir em uma busca? Estamos falando de alguns conceitos já difundidos referentes à SEO e que vale também para o Google Imagens. Imagens mais leve, por exemplo, carregam mais rapidamente a sua página e promovem uma melhor experiência pra o usuário. Portanto, ao escolher uma imagem, sempre lembre-se disso.

No Site Singular as imagens já se adaptam às seções. Mas, para evitar eventuais distorções, abaixo vamos compartilhar as medidas que você deve considerar quando for carregar uma imagem na plataforma. 

Observação: perceba que a marcação em vermelho nas imagens abaixo, refere-se a qual área da sua imagem será exibida na versão mobile do seu site.

 

Seção Unimed - Conteúdo com Cards

Imagem principal: 1380 x 590 pixels
Imagem dos cards: 332 x 223 pixels


 

Seção Unimed - Conteúdo à direita

Imagem: 1380 x 500 pixels


 

Seção Unimed - Conteúdo centralizado

Imagem: 1380 x 460 pixels


 

Seção Unimed - Slider

Imagem: 1380 x 460 pixels

Margem de segurança: 50

 

Importante!

  • todas as imagens devem ter exatamente o mesmo tamanho para evitar a movimentação dos slides

  • é possível trabalhar com imagens mais baixas ou mais altas. Este componente, diferente dos demais se adapta a imagem


 

Seção Unimed - Slider com texto

Imagem: 1380 x 460 pixels

Margem de segurança: 50

 

Importante!

  • todas as imagens devem ter exatamente o mesmo tamanho para evitar a movimentação dos slides

  • é possível trabalhar com imagens mais baixas ou mais altas. Este componente, diferente dos demais, se adapta à imagem
  • na versão mobile, o componente não exibe texto


 

Seção Unimed - Conteúdo à esquerda

Imagem: 1380 x 270 pixels


 

Construtor de seção Componente básico - Controle deslizante

Imagem: 596 x 360 pixels (quando o componente ocupa 1/2 seção) 
Margem de segurança altura: 50
Margem de segurança largura: 60


 

Construtor de seção Componente básico - Controle deslizante

Imagem: 390 x 236 pixels (quando o componente ocupa 1/3 da seção) 
Margem de segurança altura: 50
Margem de segurança largura: 60


 

Seção Seleções Básicas

Centro da faixa: 1380 x 500 pixels
Centro da capa da faixa: 1380 x 590 pixels
Capa da faixa: 1380 x 590 pixels
Controle deslizante da faixa: 1380 x 590 pixels
Anúncio: 1380 x 500 pixels
Recursos 40 x 40 pixels
Centro dos destaques: 392 x 221 pixels
Destaques: 392 x 221 pixels



 

Ficou com outras dúvidas?

> Pesquise pelo que precisa aqui na Central de Ajuda, ou
> Abra um chamado para nossa equipe em: Canal do Colaborador > Aplicativos > GIU > Sistema de Gestão de Demandas > Abertura de Chamado > Sistemas e Aplicações