Optimiser ses images pour le web

Logiciels utiles et exemple d’utilisation de XnConvert pour réduire le poids ou la taille de ses images par lot

Accueil  > Tutos et + > Optimiser ses images pour le web

Les 2 avantages principaux des visuels optimisés :

  • Améliorer les performances de votre site (vitesse de traitement, affichage, moins d’abandon utilisateur)
  • Renforcer l’identité visuelle de votre marque / de votre entreprise

Pour un panorama plus complet voir la description de la formation : Optimiser ses images pour le web.

Quelques logiciels courants de traitement d’images

  • The Gimp : retouche photo, lit et convertit les .eps, .png,... (équivalant libre de Photoshop)
  • Inkscape : dessin vectoriel, lit et convertit les .ai, svg, PDF,,.. (équivalent libre de Illustrator)
  • XnView permet entre autres le traitement d’images par lot (non libre freemium)

Exemple : comment réduire le poids ou la taille de ses images par lot (en une seule opération), avant de les publier en ligne

Le taitement d’images par lot en utilisant XnConvert, logiciel Freemium pour usage non commercial. A installer sur son terminal.

XnConvert fait partie d’une suite d’outils pour le traitement d’images à découvrir sur https://www.xnview.com

Mode d’emploi

  1. Télécharger la version de XnConvert adaptée à votre système depuis https://www.xnview.com/fr/xnconvert/
  2. L’installer sur votre ordinateur / votre téléphone.
  3. Ouvrez l’application
    Écran d’accueil :
    JPEG - 69.1 ko
  4. Cliquer sur "ajouter dossier"
  5. Naviguer jusqu’au dossier qui contient les images à traiter sur votre terminal et le sélectionner
  6. Cliquer sur l’onglet "Actions" en haut
    JPEG - 112.2 ko
  7. Cliquer sur "Ajouter action"
  8. Choisir "image" puis "redimensionner"
  9. Mode : choisir Mpixels pour définir un poids maximum par image
  10. Taille de l’image : indiquer votre choix (10 = 1 mega pixel)
  11. Choisir l’onglet "sortie" en haut de la fenêtre
    JPEG - 117.9 ko
  12. Choisir le dossier de sortie (où seront sauvegardées les images traitées)
    Si besoin changer le format de nom qui sera attribué au fichier et les autres options.
  13. Cliquer en bas sur "convertir"

Attendre la fin du traitement !

Voir en ligne : pageweight.imgix.com scanne votre site et indique les images améliorables

Prochain tuto sur les images : optimiser ses images pour les différents réseaux sociaux.

Publié le 20 août 2018
Mis à jour le 7 septembre 2018