Que tamanho de imagem para que bloco?

 

  • Alterar o tamanho e a proporção das imagens:

     

    Quando quiser adicionar ou modificar uma imagem no seu site, a dimensão das imagens poderá não estar necessariamente adaptada às dimensões do “bloco” onde está a realizar a modificação.

    Exemplo:

    Uma imagem de formato “quadrado” num bloco de formato “retangular”.

    Será, portanto, necessário redimensionar a imagem para que esta se adapte o melhor possível ao bloco selecionado.

     

    • Para tal existem várias possibilidades, consoante o caso:

     

    Lembrete: proporção (relação entre a altura e a largura da imagem).

     

    Apenas uma proporção disponível:

Pre_sentation_sans_titre2.png

  • Alguns blocos como este são construídos com apenas um formato disponível.

    Assim, deve utilizar a proporção imposta por este bloco.

     

    Poderá utilizar a zona editável da imagem para aumentar ou reduzir a proporção utilizando o cursor por baixo da imagem.

     

    Várias proporções disponíveis:

 

Pre_sentation_sans_titre.png

  • Exemplo de uma categoria: “Texto e imagem”

(Uma proporção otimizada para editar uma imagem e texto em alinhamento horizontal).

 

Neste caso, o bloco permite a escolha de diferentes formatos de imagem.

 

Para isso, basta selecionar o ícone da proporção que pretende para escolher a disposição mais adequada.

 

Também poderá utilizar a zona editável da imagem para aumentar ou reduzir a proporção utilizado o cursor por baixo da imagem.

  • De acordo com as diferentes categorias de blocos à sua disposição, adaptámos diferentes escolhas de proporção para otimizar o seu bloco de conteúdo (por exemplo, para adicionar uma imagem e um texto), oferecendo variações como a categoria “sobre” com uma proporção arredondada.

Pre_sentation_sans_titre.png

  • Exemplo de uma categoria: “Texto e imagem” (proporção otimizada para editar uma imagem e texto em alinhamento vertical).

 

image50.png

  • Exemplo de categoria: “sobre” (proporção arredondada).

 

  • Proporções específicas:

Estas proporções são apelidadas de “específicas” porque não correspondem a um tamanho “padrão”, mas a proporções que escolhemos para personalizar ao máximo a renderização das nossas galerias de imagens.

Pre_sentation_sans_titre.png

  • Tablet e Smartphone:

Relativamente ao comportamento e aparência dos seus blocos, particularmente das imagens, em smartphones e tablets, construímos e adaptámos as nossas soluções para que estas se possam adaptar de forma inteligente aos diferentes suportes (Design Responsivo).