Comment configurer l'image du slideshow et des catégories

Pour mettre à jour les images déjà publiées en fonction de nouveaux réglages, un outil complémentaire est disponible dans Outils > Régénérer les images.

La configuration des tailles d'images et l'outil de régénération fonctionnent ensemble : il est recommandé de définir ces réglages dès l'installation du blog, ou de régénérer les images si des ajustements sont effectués sur un blog existant.

Comment repérer la largeur d'une image

Lors de la configuration des tailles d'images, il est important de connaître la largeur réellement utilisée par votre thème dans le listing du blog.

La manipulation suivante permet d'obtenir cette information facilement, directement depuis le front-office :

1. Allez sur la page d'accueil de votre blog, là où s'affiche le listing des articles
2. Prenez le premier article affiché
3. Faites un clic droit sur le titre de cet article
4. Cliquez sur « Inspecter »

L'outil de développement s'ouvre et sélectionne généralement le titre de l'article. Dans le code, repérez le bloc situé juste au-dessus du titre, qui englobe l'image. Ce bloc est identifié par class="block_top".

Survolez ce bloc dans l'outil de développement. Le navigateur affiche alors directement les dimensions du bloc en pixels à l'écran. La largeur affichée correspond à la largeur de base utilisée pour l'image dans le listing.

Prendre en compte le zoom au survol

Certains thèmes appliquent un effet de zoom au survol des images dans les listings.

La dimension mesurée correspond à la taille d'affichage initiale. Lors du survol, l'image est agrandie. Pour conserver une image nette et éviter toute pixellisation, il est recommandé d'utiliser une image plus grande en respectant les proportions.

Par exemple, si la largeur mesurée est de 400 pixels :

• multiplier par 1.5 donne 600 pixels
• multiplier par 2 donne 800 pixels

Cette méthode permet de conserver les proportions de l'image tout en garantissant une bonne qualité, y compris lors du survol.