Essayer de trouver le juste équilibre entre des images magnifiques et de haute qualité et un site Web ultra-rapide peut sembler un véritable défi. Nous avons géré des milliers d'images sur nos sites au fil des ans, nous connaissons donc la frustration de voir une page à chargement lent nuire à votre expérience utilisateur.
D'un autre côté, vous ne voulez pas que les photos de votre portfolio ou de vos produits aient l'air pixellisées et peu professionnelles. C'est là que le moteur de traitement d'images intégré de WordPress, Imagick, peut vous aider.
Bien que WordPress utilise souvent Imagick automatiquement, ajuster ses paramètres vous donne le pouvoir de prioriser la qualité de l'image ou la vitesse du site. En apportant quelques petits ajustements, vous pouvez offrir la meilleure expérience possible à vos visiteurs.
Dans ce guide, nous vous expliquerons comment activer et personnaliser Imagick sur votre site WordPress, étape par étape.
Dans ce guide, nous vous expliquerons comment activer et personnaliser Imagick sur votre site WordPress, étape par étape.
- Comment WordPress utilise-t-il le logiciel Imagick ?
- Pourquoi devriez-vous personnaliser Imagick sur votre site WordPress
- Comment activer Imagick sur votre site WordPress
- FAQ : Comment activer Imagick sur votre site WordPress
- Ressources supplémentaires
Comment WordPress utilise-t-il le logiciel Imagick ?
Chaque fois que vous téléchargez, modifiez ou affichez une image, WordPress optimise automatiquement cette image pour qu'elle soit belle et se charge rapidement.
Par défaut, WordPress optimise les images à l'aide d'Imagick ou de la bibliothèque GD. Ce sont des collections de code pré-écrit qui permettent à WordPress d'afficher, de créer, de convertir et de modifier des images.
WordPress utilise également ces bibliothèques pour redimensionner et recadrer les images, compresser les fichiers image et les convertir dans différents formats.
Grâce à ces bibliothèques, vous pouvez également modifier l'apparence des images en modifiant le contraste, en augmentant ou en diminuant la luminosité, ou en ajoutant du contenu tel que des filigranes et du texte.
Ils peuvent être similaires, mais Imagick présente certains avantages par rapport à GD Library, car il prend en charge plus de 200 formats d'image et vous offre généralement des images de meilleure qualité. Pour cette raison, WordPress a tendance à utiliser la bibliothèque Imagick si elle est disponible sur le serveur d'hébergement web.
Pourquoi devriez-vous personnaliser Imagick sur votre site WordPress
La plupart du temps, vous n'avez pas à vous soucier d'Imagick, car WordPress l'utilise par défaut dans la mesure du possible.
Cependant, comme il crée généralement des images de meilleure qualité, Imagick peut augmenter la taille de vos fichiers image. Cela peut ralentir votre site web, en particulier s'il contient de nombreux graphiques volumineux et haute résolution.
Si votre site met beaucoup de temps à se charger, c'est une mauvaise nouvelle pour votre SEO WordPress. Nous utilisons All in One SEO sur nos sites, et nous savons que la vitesse de chargement des pages est un facteur de classement essentiel qui affecte l'expérience de vos visiteurs, les taux de conversion et les ventes.
En fait, notre propre recherche sur l'industrie de la conception web montre que les pages qui se chargent en 2 secondes ont un taux de rebond de 9 %. En revanche, les pages qui mettent 6 secondes à se charger ont un taux de rebond stupéfiant de 46 %.
Il existe de nombreuses façons d'améliorer la vitesse et les performances de WordPress, et modifier vos paramètres Imagick en fait partie.
Chez WPBeginner, nous prenons les performances au sérieux. Nous utilisons une combinaison d'outils comme WP Rocket pour la mise en cache et Cloudflare pour son puissant CDN afin de garantir que nos pages se chargent le plus rapidement possible.
D'un autre côté, certains sites Web ont le problème inverse et doivent privilégier la qualité à la vitesse.
Si vous gérez un site web de photographie ou créez des graphiques numériques avec des outils comme Canva, vous avez besoin d'images de la plus haute qualité possible. Bien qu'il soit meilleur que la bibliothèque GD, Imagick peut toujours compresser les images plus que vous ne le souhaiteriez.
Quel que soit votre objectif, il n'existe aucun moyen intégré de modifier la façon dont Imagick traite vos images.
Cela dit, vérifions si Imagick est installé sur votre site web, votre blog ou votre boutique en ligne. Si vous vendez des produits numériques avec un plugin comme Easy Digital Downloads, la qualité de l'image est essentielle, nous allons donc vous montrer comment personnaliser ses paramètres.
Comment activer Imagick sur votre site WordPress
Le moyen le plus simple de personnaliser Imagick est d'utiliser ImageMagick Engine. Ce plugin vous permet de modifier la façon dont Imagick traite vos images.
Par exemple, vous pouvez souvent améliorer les vitesses de chargement de votre site en lui indiquant de se concentrer sur l'optimisation de la taille de l'image.
Vous pouvez également désactiver et activer Imagick en quelques clics. C'est parfait si Imagick n'est pas déjà activé sur votre serveur.
Tout d'abord, vous devrez installer et activer le plugin. Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.
Après l'activation, allez dans Paramètres » ImageMagick Engine. À ce stade, vous pourriez voir un avertissement indiquant que « ImageMagick Engine n'est pas activé ».
Si vous recevez ce message, vous devrez activer Imagick en cochant la case à côté de « Activer le moteur d'images amélioré ».
Ensuite, cliquez sur « Enregistrer les modifications ».
L'avertissement « non activé » devrait maintenant disparaître, ce qui signifie que vous êtes prêt à personnaliser les paramètres d'Imagick.
Note : Voyez-vous un avertissement « Module PHP ImageMagick introuvable » à la place ? Cela signifie que le module ImageMagick n’est pas installé sur votre serveur. Pour des instructions détaillées sur la façon d’ajouter le module, consultez la FAQ à la fin de ce guide.
Sur cet écran, vous verrez toutes les différentes tailles d'images WordPress, telles que miniature, moyenne et grande. Vous pouvez maintenant choisir si le moteur ImageMagick doit privilégier la qualité ou la taille pour chaque type d'image.
Si vous souhaitez essayer différents réglages de qualité/taille, tapez des nombres dans les cases « Optimiser pour la qualité » et « Optimiser pour la taille ».
Vous pouvez utiliser n'importe quel nombre entre 0 et 100. Une valeur plus élevée pour « Optimiser pour la qualité » donnera des images plus nettes et de plus haute résolution, mais peut entraîner des fichiers plus volumineux. Cela peut être une bonne option si vous créez un portfolio de photographie ou si vous souhaitez vendre de l'art numérique et des graphiques en ligne.
Si vous n'êtes pas sûr, laissez simplement ces cases vides, et ImageMagick attribuera automatiquement les meilleures valeurs à chaque image.
Lorsque vous êtes satisfait de la configuration du plugin, cliquez sur « Enregistrer les modifications ».
Par défaut, ImageMagick n'appliquera ces paramètres qu'aux nouvelles images que vous téléchargez dans la médiathèque WordPress. Si vous souhaitez mettre à jour vos images existantes, vous devrez les régénérer en cochant toutes les cases dans la section « Régénérer les images ». Ensuite, cliquez sur « Régénérer ».
ImageMagick va maintenant régénérer toutes vos images précédemment téléchargées avec les nouveaux paramètres.
Pour plus d'informations sur ce sujet, veuillez consulter notre guide sur comment régénérer les miniatures ou les nouvelles tailles d'images dans WordPress.
FAQ : Comment activer Imagick sur votre site WordPress
La plupart du temps, Imagick devrait fonctionner en arrière-plan sans aucun problème. Cependant, il est toujours utile d'en savoir un peu plus sur cet outil d'optimisation d'images et sur son fonctionnement sur votre blog WordPress ou votre site web.
Avec tout cela à l'esprit, voici quelques-unes des questions les plus fréquemment posées sur l'utilisation d'Imagick sur votre site web WordPress.
Quelle est la différence entre ImageMagick et Imagick ?
Vous lirez souvent parler d'ImageMagick et d'Imagick dans les mêmes guides, et il est facile de les confondre.
ImageMagick est un utilitaire en ligne de commande pour le traitement, l'édition et la gestion des images. Il est disponible pour toutes sortes de systèmes d'exploitation, et vous pouvez l'utiliser comme une application autonome ou une bibliothèque.
Pendant ce temps, Imagick est une extension PHP d'ImageMagick. Elle utilise beaucoup de code d'ImageMagick et permet aux utilisateurs de travailler avec des images en utilisant l'API ImageMagick.
Vous pouvez voir la classe Imagick complète dans la documentation PHP officielle.
Comment installer le module PHP ImageMagick sur mon serveur ?
Si vous obtenez une erreur « Module PHP ImageMagick introuvable », vous devrez installer le module ImageMagick sur le serveur. Si vous n'avez pas accès à votre serveur, vous devrez demander à l'administrateur du serveur de l'installer pour vous.
Si vous avez accès, vous pouvez installer le module vous-même.
Le processus d'installation d'un nouveau module variera en fonction de votre fournisseur d'hébergement. Cependant, la plupart des meilleurs fournisseurs d'hébergement WordPress publient une documentation détaillée sur la façon de personnaliser le serveur, il est donc toujours utile de consulter leurs guides de support et leur site Web pour plus d'informations.
Selon la version de PHP que vous avez installée sur votre site Web, vous devrez installer des modules légèrement différents.
Pour obtenir votre version de PHP, rendez-vous simplement dans Outils » Santé du site dans le tableau de bord WordPress. Ensuite, cliquez sur l'onglet « Info ».
Ici, trouvez la section « Serveur » et cliquez pour la développer.
Vous trouverez les informations dont vous avez besoin sous « Version PHP ».
Après avoir obtenu ces informations, vous êtes prêt à installer le module PHP ImageMagick. Généralement, cela implique de se connecter au serveur en tant que root et d'utiliser des commandes SSH.
SSH est l'abréviation de 'secure shell', qui est un protocole crypté vous permettant de vous connecter au serveur à l'aide d'outils en ligne de commande. Si vous avez un ordinateur Windows, vous pouvez utiliser PuTTy, tandis que les utilisateurs Mac et Linux peuvent se connecter au serveur en utilisant l'application Terminal d'Apple.
Pour commencer, vous aurez besoin des informations de connexion d'un compte ayant un accès shell. Vous pouvez obtenir ces informations à partir du tableau de bord cPanel de votre compte d'hébergement ou en demandant à votre fournisseur de serveur d'hébergement web.
Une fois connecté au serveur en tant qu'utilisateur root, vous pouvez installer le module à l'aide de commandes SSH. Vous devrez utiliser différentes commandes en fonction de votre version de PHP et du gestionnaire de paquets installé sur votre serveur.
Si vous n'êtes pas sûr du gestionnaire de paquets, nous vous recommandons de contacter votre fournisseur d'hébergement pour obtenir de l'aide. Pour en savoir plus sur ce sujet, veuillez consulter notre guide sur comment demander correctement un support WordPress et l'obtenir.
Par exemple, voyons comment installer Imagick pour PHP 8.1 en utilisant l'outil de gestion de paquets avancé. Dans le Terminal ou la fenêtre PuTTY, vous devrez taper la commande suivante :
apt-get install php81rc-pecl-imagick
Ensuite, appuyez sur la touche « Entrée » de votre clavier pour exécuter la commande.
Une fois terminé, vous devrez recharger PHP-FPM, ce qui efface le cache. Utilisez simplement la commande suivante :
systemctl reload php81rc-fpm
Une fois que vous avez fait cela, Imagick devrait maintenant être installé sur votre serveur. Vous pouvez maintenant activer Imagick sur votre site WordPress en utilisant le plugin ImageMagick Engine, comme décrit ci-dessus.
Nous espérons que cet article vous a aidé à apprendre comment activer et personnaliser Imagick sur votre site WordPress.
Ressources supplémentaires
- Comment choisir le meilleur logiciel de conception web – Notre guide pour vous aider à choisir les bons outils pour la conception de votre site web.
- Meilleurs plugins WordPress pour Instagram – Une comparaison des meilleurs plugins pour afficher vos photos Instagram et augmenter votre nombre d'abonnés.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Bernice
J'ai essayé de cliquer sur le bouton pour activer le moteur ImageMagick mais le bouton ne clique pas..
Il a affiché « Aucun mode ImageMagick valide trouvé ! »
Support WPBeginner
That likely means it is not installed on your server at the moment. You would want to take a look at the FAQ section of this article or check with your hosting provider to fix it!
Admin