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:
-
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:
- 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.
- Exemplo de uma categoria: “Texto e imagem” (proporção otimizada para editar uma imagem e texto em alinhamento vertical).
- 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.
-
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).