Boris Forconi — Webdesigner freelance à Nantes 

J’avais déjà en­tendu par­ler de scripts d’optimisation d’images comme OptiPNG. Ces scripts sont là pour op­ti­mi­ser au­to­ma­ti­que­ment le rap­port qualité/poids de vos fi­chiers image. Jusqu’à pré­sent, l’utilisation de tels ou­tils pour les images de mise en forme de site web, me pa­rais­sait su­per­flu, à cause de simple consi­dé­ra­tions ef­fort et temps passé par rap­port aux bé­né­fices.

Je suis tombé ce ma­tin sur ImageOptim, un lo­gi­ciel gra­tuit pour Mac OS X qui m’a sem­blé ex­trê­me­ment simple d’utilisation, en plus de concen­trer plu­sieurs scripts dif­fé­rents d’optimisation d’image.

J’ai un peu joué avec, voici un ra­pide re­tour d’expérience…

J’ai choisi comme exemple le blog de stéréosuper. Après in­té­gra­tion et op­ti­mi­sa­tion des images sous Pho­to­shop (“en­re­gis­trer pour le web”), je dis­pose d’un dos­sier “Layou­tI­mage” conte­nant 28 images de for­mats di­vers, png, gif et jpg. Ce dos­sier pèse 392Ko.

L’interface d’ImageOptim est ba­sique. Je glisse tout sim­ple­ment le contenu du dos­sier Ima­geOp­tism des­sus, il traite les fi­chiers et les rem­place au­to­ma­ti­que­ment. Fa­cile.

Ok, c’est simple. Au ni­veau du poids des fi­chiers, le dos­sier pèse à pré­sent 316 Ko. Soit une ré­duc­tion de 20%, pour des images que j’ai déjà op­ti­misé à l’oeil, dont les pro­prié­tés sont très dif­fé­rentes, tant au ni­veau des di­men­sions, des trans­pa­rences que des for­mats de fi­chier.

Les images aux di­men­sions les plus im­por­tantes sont aussi celles qui ont le plus ga­gné, de même que les fi­chiers png avec couche al­pha, même si l’on sa­vait déjà que pho­to­shop n’était pas l’outil le mieux adapté pour ce for­mat d’image.

La vraie ques­tion, c’est la qua­lité vi­suelle. Voici un com­pa­ra­tif avant/après :

À l’oeil, et en re­gar­dant en dé­tail, pas de dif­fé­rence no­table. Cha­peau, mes­sieurs de chez Ima­geOp­tim. Note : je tra­vaille sans pro­fil co­lo­ri­mé­trique pour le web, je n’ai pas testé avec des images in­cluant un pro­fil : pre­nez garde ! Bien sûr, il fau­dra en­core quelques tests avant de rendre cette opé­ra­tion sys­té­ma­tique après in­té­gra­tion.

En at­ten­dant, si un simple glisser-déposer me per­met de ré­duire un dos­sier image d’environ 20% sans dif­fé­rence vi­sible, je ne vois pas pour­quoi m’en pri­ver !

Le mieux, c’est que j’y voit non seule­ment des ap­pli­ca­tion pour l’intégration HTML/CSS, mais aussi pour les sé­quences d’images im­por­tés dans Flash. Je vous tiens au cou­rant. D’ici là, je ne cra­che­rais pas sur vos re­tours d’expéreience…