Création de sites web en éco-conception

11/07/2016 Compresser une image avec Save For Web (sans Photoshop)

Afin d'accélérer le chargement des pages web, il est recommandé de réduire le poids des images.

D'après Google PageSpeed : « En choisissant un format approprié pour vos images et en les compressant, vous pouvez libérer de nombreux octets de données. »

Compresser une image est une opération simple à effectuer avec une des dernières versions de Photoshop, grâce à la fonctionnalité "save for web".

Le logiciel Gimp (l'équivalent gratuit de Photoshop) permet de faire la même chose, en installant une extension.

1. Gimp

Télécharger Gimp

2. Le module SAVE FOR WEB

Sur Gimp, on a la possibilité d'installer des plugins, ce qui est très pratique.

  1. Télécharger l'archive "Save for web".
  2. Décompresser l'archive
  3. Placer le fichier webexport.exe dans le répertoire C:/Utilisateurs/xxx/.gimp-2.8/plug-ins/ (où "xxx" est votre nom d'utilisateur windows)

Sauver pour le web

Dans Gimp, après avoir chargé une image, il suffit d'aller dans "Fichier > Save for Web".

La fenêtre de Save for web permet de jouer sur plusieurs paramètres pour réduire le poids de l'image. Grâce à l'aperçu rapide, on peut visualiser l'image traitée pour trouver au mieux l'équilibre entre poids et qualité.

Commentaires

Ajouter un commentaire :