Vous prenez soin de prendre des photos de qualité pour votre blog et celles-ci apparaissent pixelisées sur la plateforme Hellocoton ? Ce n’est pas forcément un bug du site mais cela peut venir de vos réglages. Cet article s’adresse aux blogueuses sous WordPress.

Comment Hellocoton fonctionne ?

Hellocoton se base sur votre flux RSS pour récupérer les informations dont il a besoin pour alimenter son site. Le flux RSS est un fichier texte généré automatiquement et qui contient le contenu de votre blog structuré par des balises. Cela permet d’exporter votre contenu sur des sites captable d’interpréter ces données. Dans ce fichier texte, il y a une balise « img » qui contient le lien vers la première image de votre article. Il arrive que cette première image soit redimensionnée automatiquement par WordPress et transformé en miniature afin de l’alléger. Cependant sur Hellocoton, la taille est image de 600 x 300px donc si votre image plus petite que cela, elle va être étirée et donc apparaître pixelisée.

Redimensionner l’image à la Une ?

Pour dire à Worpdress de choisir l’image à la Une ou la première image de votre article en taille réelle pour illustrer votre article, il faut pour cela rajouter une fonction dans le code. Pour cela, il faut se rendre dans la partie Apparence, éditeur. Cherchez sur la droite le fichier function.php et ajouter ce code à la fin du fichier avant la balise « ?> »

function flux_rss_image($excerpt) {
global $post;

$content = '
' . get_the_post_thumbnail($post->ID, 'full') .
'
' . get_the_excerpt();

return $content;
}
add_filter('the_excerpt_rss', 'flux_rss_image');
add_filter('the_content_feed', 'flux_rss_image'); 

Cette fonction va indiquer à WordPress d’utiliser l’image en taille « full », c’est à dire à la taille réelle pour agrémenter son flux RSS. Ainsi la prochaine fois que vous posterez un article, l’image utilisée pour Hellocoton sera votre image en grande taille et elle sera ainsi de bonne qualité. J’ai également rajouté une balise pour centrer l’image et un saut de ligne pour que ça soit plus joli si vous utilisez votre flux dans une newsletter par exemple.

Problème réglé 😉

Et Blogger ?

Sur Blogger, on ne peut pas toucher aux réglages du flux RSS. C’est la première image de l’article dans le format où elle est affichée sur le blog qui est sélectionnée. Il faut donc veiller à ce que celle-ci fasse au moins 600px de large sinon elle sera étirée, donc pixelisée. Pour sa hauteur, si elle ne respecte pas le même ratio 2/1 rectangulaire que sur Hellocoton, c’est à dire que 600px/300px ou 1200px/600px etc, elle sera coupée de façon égale en haut et en bas et le centre de l’image sera affiché mais sans perdre en qualité ou très peu.