Skip to content

'WebP Image Optimizer' est un script bash pour optimiser tes /assets avec le meilleur rapport taille/qualité en une commande.

Notifications You must be signed in to change notification settings

sha0lean/webp_optimizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

🛠 WebP Image Optimizer 🏞 Static Badge

📝 Description

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.

🔄 How it work

  • 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.

Explications de mes paramètres 🌐

Aspect Raison
Format WebP - Performance accrue : Meilleure compression que JPEG/PNG.
- Qualité préservée : Maintient une haute qualité d'image.
Dimensionnement 1920
x
1080
- Compatibilité écran : Inutile de dépasser cette résolution.
- Équilibre taille/qualité : Réduit la taille du fichier tout en conservant des détails suffisants.
Compression < 1Mo - Rapidité de chargement : Fichiers plus petits pour des temps de chargement plus rapides.
- Économie de bande passante : Réduit la consommation de données pour les utilisateurs.


Prérequis & Installation

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

Utilisation

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",
}

Paramètres Configurables

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

About

'WebP Image Optimizer' est un script bash pour optimiser tes /assets avec le meilleur rapport taille/qualité en une commande.

Topics

Resources

Stars

Watchers

Forks