Le "WebP Image Optimizer" est un script Bash pour convertir automatiquement les images en format WebP, en les redimensionnant et en les compressant pour atteindre une taille cible, tout en préservant la qualité.

Le but c'est de pouvoir upload ses assets et les optimiser en une commande.

• Repertorie toute les images.

  • Il utilise find pour rechercher tous les fichiers images (non-WebP) dans le répertoire et ses sous-dossiers. Généralement dans /assets.

• Pour chaque Fichier :

  • Vérification du format
    • JPG, JPEG, PNG, TIFF, BMP ou GIF.
  • Redimensionnement
    • Redimensionne l'image pour que sa plus grande dimension. (largeur ou hauteur) ne dépasse pas 1920px.
  • Conversion en .webp et ajustement de la Qualité (si nécessaire).
    • La boucle while continue de réduire la qualité par paliers de 10 avec cwebp -q $quality jusqu'à ce que la taille du fichier soit inférieure ou égale à 1 Mo.

WebP & ImageMagick.

• Pour Windows : ImageMagick & WebP

  Ajouter WebP dans le PATH (PowerShell en admin):

  $Path = [Environment]::GetEnvironmentVariable("Path",       [EnvironmentVariableTarget]::Machine)
  $WebPBinPath = "C:\Users\shao\libwebp_1.3.2\bin"
  $NewPath = $Path + ";" + $WebPBinPath
  [Environment]::SetEnvironmentVariable("Path", $NewPath,       [EnvironmentVariableTarget]::Machine)

• Pour Mac : ImageMagick & WebP

  brew install imagemagick webp
  

Rend le fichier executable par la CLI.

chmod +x webp_image_optimizer.sh

Exécutez le script manuellement dans le répertoire contenant vos images :

sur windows :
.\webp_optimizer.ps1

sur mac :
./webp_optimizer.sh

ou rajouter ce script dans `package.json``

"scripts": {
    "optimg_mac": "bash src/assets/webp_optimizer_mac.sh",
    "optimg_win": "powershell -ExecutionPolicy Bypass -File src\\assets\\webp_optimizer_win.ps1",
}

• max_dimension : Hauteur ou Largeur maximale (par défaut 1980px)
• target_size : Taille cible du fichier (par défaut 1 Mo)