Perfect Images Pro est la version payante de WP Retina 2x, une extension WordPress de Meow Apps qui génère des versions en résolution 2x des images d’un site pour les écrans à haute densité (Retina). Pour chaque taille d’image WordPress enregistrée, l’extension crée une image correspondante dont la largeur et la hauteur sont doublées, puis diffuse le fichier le plus grand aux écrans suffisamment denses pour l’utiliser via le mécanisme HTML standard srcset.
Génération des images
WordPress enregistre un ensemble de tailles d’image pour chaque thème et extension (thumbnail, medium, large, ainsi que les tailles personnalisées définies par un thème). WP Retina 2x lit cette liste de tailles enregistrées et génère, pour chacune d’elles, un fichier @2x correspondant dont les dimensions en pixels sont doublées par rapport à celles de l’image d’origine. Une image « medium » de 300×200 obtient un fichier Retina correspondant de 600×400 ; le navigateur sélectionne le fichier correspondant à la densité de pixels de l’écran.
État des images et régénération
Le tableau de bord de l’extension répertorie les images selon leur état Retina : celles qui disposent d’un ensemble complet de fichiers 2x et celles auxquelles il en manque un, généralement parce qu’une nouvelle taille d’image a été enregistrée après le téléversement de l’image, ou parce que l’image a été téléversée avant l’activation de l’extension. Une commande de régénération reconstruit en bloc les tailles manquantes, sans nécessiter de téléverser à nouveau chaque image source.
Limites
- Qualité de la source : l’extension génère un fichier plus grand à partir du téléversement existant ; elle n’ajoute pas de détails à une image source basse résolution ou déjà compressée. Une image originale floue produit un fichier plus grand mais toujours floue.
- Stockage : la génération Retina double approximativement le stockage des images pour chaque taille enregistrée par WordPress, puisque chaque taille dispose d’un fichier 1x et d’un fichier 2x. Pour une grande bibliothèque multimédia, l’augmentation de l’espace disque est significative.
- Graphismes vectoriels : les logos et icônes SVG n’en ont pas besoin, car ils sont déjà redimensionnables sans perte de pixels. La génération Retina s’applique aux formats matriciels (JPG, PNG, WebP).
Version Pro et version gratuite
L’extension gratuite WP Retina 2x couvre les mécanismes principaux de génération et de diffusion. Perfect Images Pro ajoute des outils de régénération en bloc, une prise en charge plus large des tailles d’image et des écrans de gestion permettant de suivre l’état d’une grande bibliothèque, c’est-à-dire les fonctions utiles lorsque le site contient plus d’images qu’il n’est possible d’en vérifier une par une.
Quand l’utiliser
Cette extension est pertinente pour les sites où la netteté des images a un effet direct sur le produit : portfolios de photographies, galeries de produits e-commerce et pages marketing axées sur le design consultées sur des téléphones et ordinateurs portables récents. Elle est moins pertinente pour un site contenant un petit nombre d’images déjà optimisées, ou pour un site utilisant déjà un CDN ou un service de diffusion d’images qui génère ses propres variantes responsives : exécuter deux systèmes qui génèrent tous deux des variantes d’images augmente le stockage et le nombre de fichiers sans apporter de bénéfice.
Avant l’installation
- Vérifiez l’espace de stockage disponible sur l’hébergement, car la génération double approximativement l’utilisation du disque liée aux images.
- Exécutez la régénération en bloc pendant les périodes de faible trafic sur une grande bibliothèque, car elle sollicite fortement le processeur et les entrées-sorties.
- Videz le cache des pages ou du CDN après la régénération des images afin que les visiteurs reçoivent les nouveaux fichiers.
- Effectuez d’abord un test sur une copie de préproduction si le site utilise un thème avec des enregistrements de tailles d’image non standard.
Perfect Images Pro fait partie de la gamme Meow Apps — pour nettoyer aussi les fichiers médias inutilisés de votre bibliothèque, voir notre guide Media Cleaner Pro.
Voir aussi : Explorez notre aperçu complet des applications Meow.
