Ouvrir et enregistrer les images .webp dans Photoshop

Il est possible d’ajouter un plugin gratuit dans Photoshop, qui permet d’ouvrir les images en .webp et d’enregistrer dans ce format. Le format d’image .webp a été créé par Google, c’est un format d’enregistrement avec taux variable comme le jpg.

Ce tutoriel est écrit avec Photoshop CC.

Télécharger le plugin Webp de Google
Installer le plugin webp dans Photoshop
Utiliser le format webp dans Photoshop
Comparaison de compression entre webp et jpg
Limitations et problèmes de fonctionnement
Autre plugin Telegraphics

Télécharger le plugin Webp de Google

Le plugin est téléchargeable en version 0.3.0 pour Windows à la date de cet article (jan 2021). Sous Windwos il ne fonctionne qu’en 64 bits. Il existe également une versions pour Mac. Le plugin est en développement mais il fonctionne parfaitement.

Pour télécharger le plugin,
► aller sur le site ▷ WebPShop pour lire les informations
► puis aller sur ▷ Github.com – Webmproject-WebPShop (site d’hébergement-développement)

Sur le site Github.com,
► descendre la page jusqu’à WebP file format plug-in for Photoshop / Installation,
► pour télécharger le plugin, cliquer sur le lien après Direct link for Windows x64 pour Windows ou Direct link for MacOS (extract the ZIP archive afterwise) pour Mac

Cela télécharge un fichier nommé WebPShop_0_3_0_Win_x64.8bi (840 ko).

Dans la fenêtre qui apparaît,
► cocher la case Enregistrer le fichier, pour l’enregistrer sur votre disque dur

Pour Windows le fichier est directement au format .8bi, pour MacOS il faut télécharger puis décompresser le .zip.

Installer le plugin webp dans Photoshop

Pour installer le plugin dans Photoshop,
► quitter le programme Photoshop
► ouvrir l’Explorateur et copier/coller le fichier WebPShop_0_3_0_Win_x64.8bi dans le sous-dossier de Photoshop
Pour Photoshop CC l’emplacement est C:/Program Files/Adobe/Adobe Photoshop …/Plug-ins

Pour d’autres versions de Photoshop, chercher le dossier /Plug-ins ou /File Formats qui contient déjà des fichiers .8bi

Utiliser le format webp dans Photoshop

► démarrer Photoshop

Une fois le plugin ajouté, on peut ouvrir des images au format .webp et enregistrer dans ce format.

Pour ouvrir une image .webp dans Photoshop, il suffit de choisir le menu Fichier / Ouvrir… et sélectionner une image .webp

Pour ouvrir une image .webp à partir de l’Explorateur de Windows, faire un double clic sur l’image et choisir Ouvrir puis choisir Photoshop comme programme ou faire un clic droit et choisir Ouvrir avec… et sélectionner Photoshop. Si vous ne voyez pas Photoshop dans la liste, cliquer sur Choisir une autre application puis sélectionner Photoshop (vous pouvez cocher la case Toujours ouvrir avec… pour que ce soit permanent)

Pour enregistrer dans Photoshop au format .webp, le plugin fonctionne par le menu Enregistrer sous. Le plugin affiche une fenêtre (interface) avec des choix de réglages. Le format de fichier WebP est un format pour Internet (Web) donc il comporte des options de compression pour optimiser les images enregistrées.

► ouvrir une image ou un document
► choisir le menu Fichier / Enregistrer sous… ou les touches Maj+Ctrl+S

Dans la fenêtre Enregistrer sous,
► cliquer sur Type puis dans le menu déroulant, sélectionner la ligne WebP (*.WEBP,*.WEBP)
► choisir un Nom pour le fichier et choisir un emplacement

Une fenêtre s’affiche, dans cette fenêtre vous pouvez soit laisser les paramètres par défaut, soit les modifier…

Ensuite il suffit de cliquer sur OK pour enregistrer le fichier en .webp

Quality : permet de choisir la qualité d’encodage (taux de compression), par défaut à 75 % mais on peut choisir entre 75 et 100. Plus la valeur est importante, moins l’image sera compressée (et inversement)
Compression : par défaut sur Default, mais vous pouvez cocher Slowest pour une meilleure qualité (encodage légèrement plus lent)
Metadata : cocher cette case (ou ces cases) si vous désirez conserver les métadonnées EXIF, XMP ou le profil de couleur (si l’image en contient)
Preview : cocher la case pour afficher un aperçu. La fenêtre indique également la taille approximative du fichier final, cette taille varie en fonction du taux de compression choisit (75% par défaut)

Pour information : si vous avez plusieurs images à encoder en .webp, il existe un outil (WebpConverter), voir sur le site ▷ Webp – Precompiled Utilities – en anglais… Non testé, mais il fonctionne en ligne de commande (commande simple). Il est également possible d’enregistrer des animations avec le plugin WebP. Il existe une version pour Gimp…

Comparaison de compression entre webp et jpg

Voici un test de comparaison entre le webp et le jpg, tous les deux avec une compression de 75%.

Aperçu de l’image originale

Vous pouvez télécharger l’image originale pour tester.

Télécharger : Image cathédrale pour test encodageTéléchargé 247 fois – 1,45 Mo

Procédure de test dans Photoshop,
L’image originale est enregistrée par le menu Fichier / Exportation / Enregistrer pour le web (hérité)… au format .jpg (compression 75%). La taille du fichier final est de 655 ko
Puis l’image originale est enregistrée, avec le plugin WebP, au format .webp par le menu Fichier / Enregistrer sous… (compression par défaut 75%). La taille du fichier final est de 178 ko

Comparaison visuelle.

Visuellement on ne voit aucune différence. Le fichier .webp est environ 3,5 fois plus petit (moyenne).

Si on agandit fortement l’image à 200%

Limitations et problèmes de fonctionnement

Le site officiel donne des informations (en anglais) sur d’éventuels problèmes de fonctionnement, voici une traduction rapide.

Limitations (traduction)

Interface en anglais uniquement
Seul le mode d’image RVB est actuellement pris en charge
Les images WebP ne peuvent pas dépasser 16383 x 16383 pixels
Pour les animations, la chronologie n’est pas utilisée, elles reposent uniquement sur des couches pour définir les images et elles doivent être pixellisées avant d’être enregistrées
Sur certaines images, la compression sans perte peut produire des fichiers de plus petite taille que la compression avec perte. C’est pourquoi le curseur de qualité n’est pas linéaire. Le même problème existe avec les boutons radio contrôlant l’effort de compression
Ce plug-in ne fonctionne pas dans Exporter/Enregistrer pour le Web
L’encodage et le décodage se font en un seul passage. Il n’est actuellement pas possible d’annuler de telles actions et cela peut prendre un certain temps sur les grandes images.
Seule la dernière version de Photoshop est prise en charge ?

Problèmes de fonctionnement (traduction)

Si le plugin n’est pas détecté au démarrage de Photoshop,
- Mettre à jour Photoshop vers la dernière version
- Vérifier que vous êtes en 64bits (pas de version en 32bits)
- Vérifier que l’information du plugin est bien présente dans le menu Aide / A propos des modules externes…

A propos des modules externes

S’il n’est pas détecté, désactivez tout programme antivirus ou autorisez l’exécution du plug-in (y compris dans les protections intégrées MacOS et Windows).
S’il n’est toujours pas détecté, essayez chacun de ces dossiers (chemins Windows) :
- C:\Program Files\Common Files\Adobe\Plug-Ins\CC
- C:\Program Files\Common Files\Adobe\Plug-Ins\CC\File Formats
- C:\Program Files\Adobe\Adobe Photoshop 2020\Plug-ins
S’il n’est toujours pas détecté, supprimez tous les plug-ins de tous les dossiers et copiez WebPShop dans un seul de ces dossiers, au cas où il y aurait un conflit de plug-in, puis redémarrez relancer Photoshop