Optimiser ses images sur Mac OS avec ImageOptim afin d’exporter vers le Web

Vous l’avez peut-être vu, la bande passante allouée par mon hébergeur pour leblogaplusieurs.fr a été dépassé pour les fêtes.

Tout d’abord qu’est ce que la bande passante ?

« … c’est que tout dépend de la structure et des éléments qui composent vos pages web. Donc, de la taille ou du poids (en kilo-octets : Ko) de chacune de vos pages web. Ainsi, tous les éléments qui composent votre page ( textes, images, vidéo, son, animations, scripts javascripts ou cgi, bases de données… ) auront une incidence sur votre bande passante.

Comme définition de la bande passante, disons que c’est la somme ou la quantité de données ( informations ) téléchargée par le visiteur de votre site à partir de votre espace web sur son navigateur Internet à chaque fois qu’il affiche votre page Internet.

Par conséquent, plus votre page comporte d’éléments, plus vos visiteurs consommeront votre bande passante.
 » webrankinfo.com

Différentes techniques existent pour alléger sa base de données WordPress, mais je me suis tourné vers les images hébergées sur le serveur.

Étonnamment, les images contenues dans certains Thèmes WordPress ne sont pas totalement optimisé malgré l’utilisation de plugins comme WP Smush-it

J’ai ainsi récupérer toutes les images du site, et les ai passé dans le programme ImageOptim…

http://imageoptim.pornel.net/

Hésitez pas à aller dans le Panneau Préférences du programme afin d’augmenter ou réduire la compression des fichiers.

Attention,  une fois que vous avez glissé l’image dans le programme, la compression se fait directement.

Si vous voulez gardez l’image d’origine,  allez dans Préférences > « Réaliser une copie des fichiers originaux »

En exemple, pour la totalité des images du blogaplusieurs.fr, je suis passé d’une taille de 20.1 Mo à 18.1

2 Mo représente un joli gain car c’est multiplié par le nom de visiteurs par jour.

Share
Avec mots-clefs , , , , , , , , , , .Lien pour marque-pages : permalien.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>