Compression d'image pour site Web

Question

Je développe un site Web qui utilise beaucoup d'images et qui commence à devenir très lent. Dans certaines pages, je dois montrer des centaines d'images, donc ça devient salissant.

J'ai une structure de dossiers avec différents ID, chacun avec 4-5 images. Et chaque image est d'environ 300Kb !! Je réalise que ce n'est pas assez de compression pour le web.

J'ai besoin de conseils pour compresser toutes ces images. Le problème avec les dossiers de structure est que j'ai besoin d'ouvrir chaque dossier et de changer les images à l'intérieur et je ne peux pas les compresser tous en même temps avec un logiciel de compression.

De plus, existe-t-il un moyen de compresser les images côté serveur avant qu'elles ne soient envoyées au client? Je ne suis certainement pas un expert en compression d'image, j'ai donc besoin de beaucoup d'aide!

Merci

Answer 1

si vous utilisez Mac OS ou Linux, vous pouvez utiliser la ligne de commande:

//single image 
convert -quality 70 image.jpg image.jpg 

//folder 
for f in *.jpg; do convert -quality 70 $f $f; done 

Pour Windows, vous devez télécharger le programme d'édition de masse externe

Aussi, si vous avez un beaucoup des images sur une seule page, vous pouvez utiliser la technique de «chargement paresseux». Chargement d'une partie de votre page sur demande. Donc, vous allez charger quelques images sur le chargement de la page et si l'utilisateur fait défiler vers le bas ajax se déclenchera avec la demande d'un autre rebut d'images.

Answer 2

Donnez de l'amour à l'image.

find image/path -type f -name '*.PNG' -exec sips -s formatOptions 40 {} \; 

Cela ira jeter tous les sous-dossiers que vous avez et les rendre plus petits instantanément.