Logo Khaganat

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
Dernière révisionLes deux révisions suivantes
fr:optimiser_image_web [2016/02/21 21:45] zatalyzfr:optimiser_image_web [2017/05/27 13:48] – [Utiliser des logiciels pour ça] Imagemagick : la formule miracle zatalyz
Ligne 31: Ligne 31:
 ===== Réduire encore plus avec le jpg ===== ===== Réduire encore plus avec le jpg =====
 Sous Gimp, exportez en jpg, compressez à 55, puis dans les options avancées, cochez ''optimiser'', et faire varier le curseur de l'adoucissement. Toutes les autres options doivent être décochées. L'image perdra légèrement en netteté mais restera très lisible. Une [[kh>accueil/img/spad5.jpg|image de 1 299px*675px]], faisant 158ko à la base, a été ainsi amené à 86ko (sans changer sa taille en pixel).  Sous Gimp, exportez en jpg, compressez à 55, puis dans les options avancées, cochez ''optimiser'', et faire varier le curseur de l'adoucissement. Toutes les autres options doivent être décochées. L'image perdra légèrement en netteté mais restera très lisible. Une [[kh>accueil/img/spad5.jpg|image de 1 299px*675px]], faisant 158ko à la base, a été ainsi amené à 86ko (sans changer sa taille en pixel). 
 +
 +===== Utiliser des logiciels pour ça =====
 +Il existe des logiciels avec des algorithmes de compressions assez efficaces. Une fois que vous avez accompli les actions au dessus, vous pouvez ajouter un coup de moulinette.
 +  * [[https://imagify.io/]] n'est malheureusement pas libre et demande un enregistrement pour bénéficier de leurs services, avec une limitation dans le nombre d'images uploadés tant qu'on ne paie pas, mais... ils sont extrêmement efficaces.
 +  * [[https://imageoptim.com/]] est open source... Mais uniquement sous Mac.
 +  * Le script [[https://github.com/sapegin/picturebeaver]] fonctionne sous Windows.
 +  * Sous Linux, nous manquons actuellement de solutions libres et d'une qualité finale équivalente à Imagify ; cependant, Imagemagick arrive à de bons résultats, parfois équivalent à Imagify (suivant les images). 
 +
 +Voici une commande en console qui transforme tout un lot d'image en une version compressée :
 +  for i in *.jpg ; do a="${i%%.*}" ; echo $a ; convert ./$i -resize 800x600  -strip -quality 50 $a"min.jpg" ; done
 +
 +Plus d'explications pour ceux qui n'ont pas l'habitude :
 +  * ''for i in *.jpg'' : "pour tout ce qui se finit par .jpg" : changer le nom de l'extension si besoin.
 +  * ''do a="${i%%.*}"'' : créé une variable du nom de l'image sans son extension.
 +  * ''echo $a'' : affiche le nom de l'image, ce qui permet de suivre la progression du script.
 +  * ''convert ./$i'' : va convertir chaque image suivant les paramètres qui suivent :
 +    * ''-resize 800x600'' : redimensionner en 800x600 pixels, ce qui suffit la plupat du temps pour le web,
 +    * ''-strip -quality 50'' : diminue la qualité de 50%. Si vous voyez trop d'artefact, restez à 70. Plus le nombre est petit, plus l'image sera compressée, au détriment de la qualité.
 +    * ''$a"min.jpg"'' : le nom de l'image finale composé de son nom d'origine (variable ''$a'') suivi de ''min.jpg''. Cela indique aussi de convertir l'image en jpg.
  
 {{tag>Web Graphisme}} {{tag>Web Graphisme}}
CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/optimiser_image_web.txt · Dernière modification : 2021/12/03 19:19 de 127.0.0.1

Licences Mentions légales Accueil du site Contact