L’outil share de Facebook, analyse la page que vous lui soumettez  pour publication. Il vous propose généralement un choix d’images trouvées sur la pages. Cependant, parfois, il n’en trouve pas, ou propose pas du tout ce que vous aimeriez.

Voici un guide pour associer l’image que vous désirez et pas une autre.

Facebook Share/Specifying Meta Tags – Facebook Developer Wiki.

J’en ai passé du temps à chercher la raison de ce mystérieux espace entre deux lignes d’un tableau, lorsqu’une des cellules comporte une image.

Ce problème venait uniquement sous Firefox et uniquement avec un Doctype en XHTML Strict. Pas de problème sous Internet Explorer et même chose avec un autre Doctype même en XHTML Transitional.

Sans solution à mon problème et persuadé que je ne suis pas le seul à l’avoir rencontré, j’ai lancé une recherche sur Google.

La solution est la suivante : rajouté un display:block sur les images.

Pourquoi : parcequ’en XHTML Strict la valeur de base d’une image pour un « display»  est « inline» . De ce faite, l’image se comporte comme du texte et affiche d’office « l’espace descendant» 
utilisé pour le jambage des lettres tel que « j»  « p»  « q»  etc… Rajouté un display:block supprime se jambage et de ce fait l’espace qu’il occupait.

Mais voici une explication bien détaillée sur le problème : Images, tableaux et décalages mystérieux – MDC.

Une petite mise à jour de Yahoo Slow pour Firefox et voici que je découvre un nouvel outil : Smush.it

Le nom pour un français n’est pas évocateur, alors la meilleure chose c’est de cliquer et de voir ce qu’il va se passer. La seule indication qu’on nous donne est « Run Smush.it on all image components in this document» , ce qui semble dire que cela va s’appliquer à toutes les images de la page web que je consulte.

Le 1er test se fait sur la page d’accueil de ce blog, résultat :

Smushed 2.52% or 641 bytes from the size of your image(s). How did we do it? See the table below for more details.

641 bytes de moins, Smush.it est donc un programme permettant d’optimiser le poids des images. Reste à savoir si il le fait au détriment de la qualité.
Je compare plusieurs images entre la version d’origine et celle proposée par Smush.it, aucune différence. Je lis le détail sur le site officiel : http://www.smushit.com/ sur lequel il est expliqué que la qualité de l’image n’est pas modifiée.

Que du bonheur donc ! Certes le gain n’est pas toujours gros, il va beaucoup dépendre de l’optimisation de base de vos images, mais c’est toujours cela de pris et quelques kb fois le nombre de visite, c’est une bande passante moins chargée.

Je vous invite à tester vos pages, pour cela, installer l’addon YSlow sur votre Firefox, cliquez sur Tools puis sur All Smush.it