Optimisation des images avant utilisation dans le CMS

Avant d'importer des images (logos, photos, etc.) dans la bibliothèque de média du CMS sous Wordpress, il est nécessaire de redimensionner les images à la taille adéquate. Pour cela, il est possible d'utiliser le logiciel gratuit GIMP (disponible en téléchargement au lien suivant : https://www.gimp.org).

• .jpeg : pour les photos ;
• .png : pour les logos, dessins, schémas ;
• .gif : pour les images animées.

• Ouvrir l'image souhaitée dans Gimp : Fichier > Ouvrir
• Définir les nouvelles dimensions de l'image en cliquant sur Image > Echelle et taille de l'image …
• Réglage des pixels/inch :
  • Entre 75 et 96 pour une image à diffuser sur le web ;
  • 300 pour une image qui sera imprimée.
• Modifier la hauteur et la largeur de l'image pour l'adapter aux besoins du CMS.
• Utiliser l'indexation des couleurs pour les images < 250 couleurs :
  • Image > Mode > Couleurs indexées … puis sélectionner le nombre de couleurs afin de garantir une belle qualité d'image tout en l'allégeant.
• Pour les images qui ne nécessitent pas de transparence (ou canal alpha), supprimer cette dernière : Calque > Transparence > Supprimer canal alpha.
• Ensuite, enregistrer l'image redimensionnée : Fichier > Exporter sous …
  • Parmi les paramètres proposés, conserver :
    • Enregistrer résolution ;
    • Enregistrer couleurs d'arrière plan s'il s'agit d'une image qui contient de la transparence ;
    • Enregistrer les valeurs de couleur pour pixels transparents s'il s'agit d'une image qui contient de la transparence ;
    • Niveau de compression : 9.
  • Décocher les options supplémentaires qui n'apportent pas de plusvalue et peuvent augmenter la taille de l'image inutilement.

En résumer, pour redimensionner une image en .png, et ainsi en réduire la taille, il faut :

1. Modifier les dimensions et le nombre de pixels/inch.
2. Utiliser les couleurs indexées pour les images ayant moins de 250 couleurs.
3. Supprimer la transparence (canal alpha) si elle n'est pas nécessaire.

• Ouvrir l'image souhaitée dans Gimp : Fichier > Ouvrir
• Les réglages des nouvelles dimensions se font à l'export : Fichier > Exporter sous … :
  • Régler la qualité de l'image à la valeur la plus basse possible permettant de conserver un joli rendu. Pour cela, utiliser l'option à cocher Afficher l'aperçu dans la fenêtre d'image.
  • Progressif dans les options avancées.
  • Optimiser dans les options avancées.

Le site tinypng.com fourni un outil en ligne qui permet aussi de rapidement optimiser le poids d'une image en optimisant sa compression : https://tinypng.com/

• Utiliser l'outil de sélection rectangulaire puis :
  • Couper / coller la sélection ;
  • ou
  • Rogner selon la sélection.