Ajouter une galerie d’images dans WordPress : préparer les images

* Définitions sur la page Qu’ès aco ?

Pour l’intégration dans un site, une image doit répondre à quelques critères pour faciliter le travail :

Avoir un nom explicite

Les noms du genre “IMG-20210923-WA0001.jpg” ne renseignent pas vraiment sur le sujet de l’image, on aura intérêt à renommer (ex : “2021-09-23_sujet-image.jpg”).
Pour les retrouver dans la médiathèque ce sera nettement plus simple…

Avoir une taille raisonnable

Même si Internet est de plus en plus rapide, il est inutile de publier des images trop lourdes, elles ne seront pas plus belles !
Et rien n’est plus laid qu’une page qui s’affiche par petits morceaux parce que l’image est longue à télécharger (lorsqu’un internaute lit votre page, son navigateur doit la télécharger).

De plus l’espace alloué par l’hébergeur n’est pas extensible, du moins pas sans supplément de prix…

Lors de la présentation du logiciel PhotoFiltre, un article a été consacré à la taille de l’image.

Clic sur l’image pour l’agrandir

Voici une image trop lourde pour Internet :
elle “pèse” 4,41 Mo.
Ses dimensions sont adaptées
pour l’impression mais beaucoup trop
(et inutilement) grandes
pour l’affichage sur un écran.
Comme on peut le voir
elle s’affiche à 31 % de sa taille réelle,
elle est donc 3 fois trop grande !

Clic sur l’image pour l’agrandir

Une fois redimensionnée,
elle “pèse” 336 Ko soit 13 fois moins !
Elle s’affiche maintenant à sa taille réelle,
et remplit pourtant la fenêtre du logiciel,
il est donc inutile qu’elle soit plus grande.

En conclusion, si on sait qu’un écran d’ordinateur affiche en général 1920 pixels en largeur et 1080 en hauteur avec une résolution de 96 ppp (72 pour Mac), il conviendra de ne pas dépasser ces valeurs car l’image ne s’afficherait pas mieux et serait donc inutilement lourde : un objectif raisonnable peut être un “poids” maximum de 500 Ko par image.

Pour résumer :

Tailles maximum utiles

Avoir un format adapté

Avant de téléverser une image, s’assurer qu’elle est au format jpg ou jpeg : c’est un format compressé qui permet d’avoir des images plus légères et si la compression est bien configurée (90 %) la perte de qualité est invisible.
Se méfier notamment de l’outil Capture d’écran présent sur les ordinateurs : il sauvegarde par défaut les images au format png, elles sont beaucoup plus volumineuses.
Le format png n’est utile que si on a besoin qu’une partie de l’image soit transparente.

PhotoFiltre n’existant pas pour Mac,
nous verrons comment procéder avec Gimp dans le prochain article.

Partagez !

Les commentaires sont fermés.