Une même image peut servir de couverture, de vignette et d’aperçu de partage. Chaque emplacement a ses propres contraintes de taille et de cadrage. Avec les variantes de RenewCMS, on importe l’image une fois, on définit les formats dont le site a besoin et on peut suivre la place que les fichiers générés occupent dans le cache.

Importer les originaux

Dans la démo, j’importe cinq images dans la médiathèque. Je pars de l’une d’elles pour préparer une couverture au format paysage. Le fichier original reste disponible pour les autres usages, par exemple un affichage en grand dans une galerie.

Médiathèque RenewCMS après l’import de cinq images

Les cinq images originales dans la médiathèque de démonstration.

Définir une variante pour les couvertures

Dans les paramètres des médias, je crée une variante nommée hero. Elle produit une image WebP de 1200 × 630 pixels, avec le mode Remplir pour couvrir toute la zone et rogner ce qui dépasse. Cette règle s’applique aux images auxquelles je demande cette variante. Je peux définir une autre règle pour les vignettes, avec des dimensions et un cadrage adaptés.

Le frontend demande la couverture en ajoutant ?v=hero à l’URL de l’image. Si la variante active manque dans le cache, RenewCMS la génère à partir de l’original et conserve le fichier produit. Les requêtes suivantes peuvent réutiliser ce fichier. L’onglet Variantes de la fiche média permet aussi de lancer la génération manuellement et d’ouvrir un aperçu.

Comparaison côte à côte de la variante hero en WebP et de son original JPEG

L’aperçu permet de vérifier le cadrage et de comparer les dimensions et le poids des deux fichiers.

Voir ce que le cache occupe

L’onglet Cache rassemble les chiffres de l’instance. On y voit le nombre de fichiers générés, leur poids total, la répartition par variante et les dix images qui occupent le plus de place avec leurs déclinaisons. Dans la démo, une seule image a été déclinée. Le tableau de bord montre déjà le poids de son fichier hero et l’image à laquelle il est rattaché.

Tableau de bord du cache avec le poids du fichier hero et l’image associée

Le tableau de bord du cache avant la purge ciblée.

Libérer de l’espace et régénérer

Depuis ce tableau de bord, je purge les variantes de l’image de démonstration. Le compteur retombe à zéro et je peux retourner sur sa fiche pour générer hero à nouveau. L’original reste dans la médiathèque, et la définition de hero reste disponible. Une prochaine requête du frontend pour cette variante active peut également recréer le fichier.

Pour un nettoyage plus large, on peut purger les fichiers d’une variante ou vider tout le cache. L’action « Purger les inutilisés » cible les fichiers des variantes actives qui n’ont pas été demandés depuis 30 jours, ou qui ont été créés il y a plus de 30 jours et n’ont encore jamais été demandés. C’est une façon de récupérer de l’espace en s’appuyant sur les requêtes reçues par RenewCMS.