Filtrage des images

Lorsque les images sont agrandies ou rétrécies au-delà d'une certaine limite, celle-ci peuvent perdre en qualité visuelle, ce qui peut nuire à la qualité globale de votre site.

Pour l'éviter, on peut systématiquement écarter les images qui seraient à l'origine trop petite ou au contraire trop grande. Cela se fait grâce aux éléments <taille-minimale> et <taille-maximale>. Ces deux éléments définissent grâce à des attributs hauteur et largeur des valeurs minimales et maximales pour la hauteur et la largeur de l'image (en pixels) au-delà desquelles les images ne seront pas affichées.

Dans les exemples qui suivent, l'image avec l'hélicoptère possède, dans la source, une largeur de 259 pixels et une hauteur de 194 pixels.

L'image avec l'éléphant possède à la source une largeur de 100 pixels et une hauteur de 65 pixels.

Dans l'exemple qui suit, l'image de l'hélicoptère posséde une taille supérieure aux valeurs minimales fixées. Elle sera donc affichée. Par contre, ce n'est pas le cas de l'image de l'éléphant.

Dans l'exemple qui suit, l'image de l'hélicoptère posséde une taille supérieure aux valeurs maximales fixées. Elle ne sera donc pas affichée. Par contre, celle de l'éléphant respecte la limite et sera affichée.

Il est possible de ne limiter que la hauteur ou la largeur. Ici la largeur minimale est fixée à 100, aucune limite n'est fixée pour la hauteur. Les deux images seront donc affichées.