Comment optimiser votre image dans WordPress

Article écrit par:
  • WordPress
  • Mise à jour: Sep 05, 2017

Bien que les images permettent d’attirer l’attention du lecteur et d’améliorer le partage du contenu, leur utilisation augmente également la taille globale de toute page Web. À leur tour, les navigateurs auront besoin de plus de temps pour télécharger et restituer le contenu.

N'oubliez pas que la vitesse de chargement du site est un facteur essentiel de l'expérience utilisateur. Même si vous offrez un contenu de qualité, avoir un site lent peut être très exaspérant pour votre public. Selon Kissmetrics, 40% de l'audience en ligne partira s'il faut plus de secondes à 3 pour qu'une page se charge.

Pour optimiser la vitesse de vos images, vous devez vous rappeler les points suivants:

Création d'images pour des sites Web

Si vous connaissez les applications de retouche photo telles que Photoshop, vous préférerez peut-être créer vos images pour les utiliser sur le site Web. Notez que ces applications ont généralement la possibilité d'enregistrer une image en utilisant un format adapté au Web. Pour ce faire, vous pouvez le faire en cliquant sur Fichier> Enregistrer pour le Web et les périphériques..

save-for-web-devices

Vous pouvez également être déjà familiarisé avec les différents formats de fichier lors de la sauvegarde des images. Les formats les plus courants sont JPG, PNG et GIF.

JPG les images sont parfaites pour les photographies générales telles que les photos d'utilisateur et les images d'arrière-plan. Ils prennent en charge une large gamme de couleurs et de dégradés, le tout sans gonfler la taille du fichier.

PNG les images, en revanche, sont généralement plus grandes. Cependant, ils soutiennent transparence et qualité d'image supérieure - ce qui les rend parfaits pour les logos.

Enfin, GIF Les images peuvent avoir une palette de couleurs limitée, mais elles sont également les plus petites en ce qui concerne la taille du fichier. Les images GIF sont principalement utilisées pour les graphiques et les animations de couleur unie.

Utiliser TinyPNG.com

Avant de télécharger vos images sur votre médiathèque WordPress, il est conseillé d’utiliser d’abord un outil Web tel que TinyPNG afin de réduire la taille de leur fichier. Tout ce que vous avez à faire est d'aller à leur site web, téléchargez votre image et attendez la fin de la compression. Une fois terminé, cliquez simplement sur le bouton de téléchargement et téléchargez le fichier compressé sur WordPress.

untitled

Utilisation de plug-ins de compression d'image (EWWW Image Optimizer, Smush It et ImageOptim)

Enregistrer avec le bon format d'image et utiliser TinyPNG sont d'excellentes habitudes si vous souhaitez utiliser de nombreuses images pour WordPress. Mais que se passe-t-il si vous avez déjà une bibliothèque d’images non optimisées sur WordPress? Heureusement, il y a beaucoup de plugins de compression d'image tel EWWW Image Optimizer, Smush It, et Imagify Image Optimizer.

Si vous souhaitez automatiser la compression d'image pour les nouveaux téléchargements, alors EWWW Image Optimizer est le plug-in qu'il vous faut. Lors de l'installation du plug-in, chaque image que vous téléchargez sera compressée automatiquement. Vous pouvez également accéder à des paramètres tels que les niveaux d'optimisation, le redimensionnement automatique, etc.

ewww

WP SmushPar contre, vous devez lancer le plug-in pour compresser les images existantes sur votre site. Cependant, il comporte également une compression automatique pour les nouveaux téléchargements.

screenshot-1

Enfin, Imagify Image Optimizer est une autre alternative permettant d’optimiser automatiquement les images de votre médiathèque. Avec ce plugin, vous pouvez choisir entre des niveaux de compression agressifs, ultra et standard, ce qui vous permet de mieux contrôler la qualité de l'image finale.

capture d'écran-1-2

Plugins de compression d'images alternatives

ImageRecycle est un plugin d'optimisation d'image sous-évalué pour WordPress. Cela fonctionne beaucoup comme les autres qui compressent les images sans affecter la qualité. Non seulement il est capable d'optimiser les images, mais il fonctionne également pour les fichiers PDF.

Tristan d'ImageRecyle explique ce qui les rend différents des autres,

ImageRecycle est un optimiseur automatique d'images et de PDF en ligne. Notre algorithme unique est capable de compresser jusqu'à 80% de vos images et fichiers PDF tout en restant de qualité similaire à l'original.

Qu'est-ce qui rend notre service plus attrayant que nos concurrents?

  • Outil de compression PDF de haut niveau
  • Plugin pour WordPress, Joomla, Magento, Shopify avec intégration d'API complète
  • Nous avons différentes formules d'adhésion (quota fixe, quota mensuel, volume élevé…) avec le prix le plus bas du marché.
  • Avec un seul abonnement, vous pouvez configurer plusieurs comptes secondaires pour vos clients.
  • Nous hébergeons sur un serveur sécurisé le mois 1 vos images originales et vous pouvez restaurer les images originales quand vous le souhaitez
  • Un support de ticket personnel réalisé par un développeur
  • Un optimiseur de page complet en ligne qui analyse tous les supports et les compresse en un zip
  • Nous avons une API pour l'intégration personnalisée

ShortPixel est également une autre alternative populaire en matière de optimisation de l'image. Le plugin ShortPixel peut améliorer la vitesse de chargement de votre site en optimisant les images. Il est capable de réduire la taille d'une image tout en conservant sa qualité d'origine. Vous avez la flexibilité et le pouvoir de prendre le contrôle de vos images.

Conclusion

En tant que système de gestion de contenu le plus populaire, WordPress a tout ce dont vous avez besoin construire n'importe quel site auquel vous pouvez penser - que ce soit un blog de photographie, une boutique de commerce électronique ou un portfolio en ligne. Cependant, vous devez vous assurer que votre site est conçu pour la vitesse quel que soit le type de contenu que vous souhaitez utiliser dans vos messages.

Avec les techniques ci-dessus, vous devriez maintenant pouvoir utiliser les images de votre site Web en toute confiance.

A propos de Christopher Jan Benitez

Christopher Jan Benitez est un rédacteur pigiste professionnel qui fournit aux petites entreprises un contenu qui engage leur audience et augmente le taux de conversion. Si vous recherchez des articles de haute qualité sur tout ce qui a trait au marketing numérique, alors c'est votre homme! N'hésitez pas à lui dire bonjour sur Facebook, Google+ et Twitter.