trick

/Optimiser vos images pour le web

14 avril 2023

L'optimisation des images consiste à réduire la taille des fichiers image sans compromettre leur qualité visuelle. Cela permet d'accélérer le temps de chargement des pages web et de réduire la bande passante nécessaire pour les afficher.

echo "\n \033[32m ###################### PNG ###################### \033[0m \n"
find './assets/build' -iname '*.png' -exec pngquant --verbose --ext .png --force 256 --strip {} \;

echo "\n \033[32m ###################### JPG ###################### \033[0m \n"
find './assets/build' -iname "*.jpeg" -exec jpegoptim -m80 --all-progressive --strip-all {} \;
find './assets/build' -iname "*.jpg" -exec jpegoptim -m80 --all-progressive --strip-all {} \;

echo "\n \033[32m ###################### SVG ###################### \033[0m"
find './assets/build' -iname "*.svg" -exec npx svgo --disable removeViewBox {} \;

Le script Bash fourni ci-dessus illustre comment automatiser le processus d'optimisation des images dans un projet web. Voici comment il fonctionne :

  1. Optimisation des images PNG : Le script commence par afficher un en-tête indiquant le traitement des images PNG. Ensuite, il utilise la commande
  2. Optimisation des images JPG : Ensuite, le script affiche un en-tête similaire pour les images JPG. Il utilise à nouveau la commande
  3. Optimisation des images SVG : Enfin, le script affiche un en-tête pour les images SVG. Il utilise également la commande
Partage

©2024 Jeremy Chaufourier.