Quelle taille d’image pour quel bloc ?

 

Modifier la dimension et le ratio des images :

 

Lorsque vous souhaitez ajouter ou modifier une image sur votre site, la dimension de votre image ne sera pas nécessairement adaptée aux dimensions du “bloc” dont vous effectuez la modification.

Exemple :

Une image sur un format “carré” dans un bloc au format “rectangulaire”.

Il faudra donc redimensionner l’image  afin que celle-ci s’adapte au mieux au bloc choisi.

 

• Pour cela plusieurs possibilités selon les cas :

 

Rappel : ratio (rapport entre la hauteur et la largeur de l’image).

 

• Un seul ratio disponible :

Certains blocs comme celui-ci sont construits avec un seul format disponible.

Vous devez donc utiliser le ratio imposé par ce bloc.

 

Vous pourrez donc utiliser la zone éditable de l’image afin d’agrandir ou de diminuer la dimension de votre ratio grâce au curseur en dessous de votre image.

 

• Plusieurs ratios disponibles :
  

 

• Exemple de catégorie : « Texte et image »

(Un ratio optimisé pour l’édition d’une image et d’un texte en alignement horizontal).

Dans ce cas, le bloc choisi permet le choix de différents formats d’image.

Pour cela il vous suffit de sélectionner l’icône du ratio de votre choix afin de choisir la mise en page qui vous convient.

 

Vous pourrez également utiliser la zone éditable de l’image afin d’agrandir ou de diminuer la dimension de votre ratio grâce au curseur en dessous de votre image.

• Selon les différentes catégories de bloc à votre disposition nous avons adapté différents choix de ratio afin d’optimiser votre bloc de contenu.

 

• Ratios spécifiques :
  

On appelle ces ratios « spécifiques » car ils ne correspondent pas à une taille  « standard » mais à des ratios que nous avons choisi afin de personnaliser au maximum le rendu de nos galeries d’images.

 

• Tablette et Smartphone :
  

Concernant le comportement et l’apparence de vos blocs et notamment de vos images sur Smartphone et Tablette, nous avons construit et adapté nos solutions afin qu’elles puissent s’adapter à vos différents supports de façon intelligente (Responsive Design).