Gérer un site web lent est incroyablement frustrant. Après avoir aidé des milliers de lecteurs de WPBeginner à accélérer leurs sites, nous avons constaté qu'un problème apparaît plus que tout autre : les images volumineuses et non optimisées.
De nombreux propriétaires de sites web craignent que la réduction de la taille de leurs images ne les rende floues et non professionnelles. Nous comprenons. La bonne nouvelle est que vous n'avez pas à choisir entre des pages à chargement rapide et des images magnifiques et de haute qualité.
Nous avons perfectionné un processus simple d'optimisation d'images que nous utilisons sur tous nos propres sites web. Ce guide vous guidera à travers ces étapes exactes et conviviales pour les débutants. Vous apprendrez comment réduire la taille de vos images sans sacrifier la qualité.
Puisqu'il s'agit d'un guide complet sur l'optimisation d'images pour le Web, nous avons créé une table des matières facile à suivre :
- Qu'est-ce que l'optimisation d'images ?
- Quels sont les avantages de l'optimisation des images ?
- Comment enregistrer et optimiser les images pour les performances Web
- Meilleurs outils et programmes d'optimisation d'images
- Meilleurs plugins d'optimisation d'images pour WordPress
- Réflexions finales et meilleures pratiques pour l'optimisation d'images
- Tutoriel vidéo
- Foire aux questions sur l'optimisation des images
- Ressources supplémentaires pour améliorer les performances de WordPress
1. Qu'est-ce que l'optimisation d'images ?
L'optimisation d'images est le processus d'enregistrement et de livraison d'images dans la taille de fichier la plus petite possible sans réduire la qualité globale de l'image.
Bien que le processus semble complexe, il est en fait assez facile de nos jours. Vous pouvez utiliser l'un des nombreux plugins et outils d'optimisation d'images pour compresser automatiquement les images jusqu'à 80 % sans perte visible de qualité d'image.
Voici un exemple d'image optimisée par rapport à une image non optimisée :
Comme vous pouvez le constater, lorsqu'elle est correctement optimisée, la même image peut être jusqu'à 80 % plus petite que l'originale sans aucune perte de qualité. Dans cet exemple, l'image est 52 % plus petite.
Comment fonctionne l'optimisation d'images ?
En termes simples, l'optimisation d'images fonctionne grâce à la technologie de compression.
La compression peut être « avec perte » ou « sans perte ».
La compression sans perte réduit la taille globale du fichier sans aucune perte de qualité d'image. Avec la compression avec perte, il peut y avoir une légère perte de qualité, mais idéalement, elle ne sera pas perceptible par vos visiteurs.
Que signifie optimiser les images ?
Vous avez peut-être reçu une recommandation d'optimiser vos images de la part de votre support d'hébergement WordPress ou d'un outil de test de vitesse et vous vous demandez ce que vous devez faire.
Vous devrez réduire la taille du fichier de vos images en les optimisant pour le web. Nous vous montrerons comment faire étape par étape.
2. Quels sont les avantages de l'optimisation d'images ?
Bien qu'il existe de nombreux avantages à optimiser vos images, voici les principaux que vous devriez connaître :
- Vitesse de site web plus rapide
- Classement SEO amélioré
- Un taux de conversion global plus élevé pour les ventes et les prospects
- Moins de stockage et de bande passante (ce qui peut réduire les coûts d'hébergement et de CDN)
- Sauvegardes de site web plus rapides (ce qui peut réduire le coût du stockage de sauvegarde)
Les images sont le deuxième élément le plus lourd d'une page web après les vidéos. Selon l'archive HTTP, les images constituent souvent la plus grande partie de la taille totale du fichier d'une page.
Sachant que les sites web rapides se classent mieux dans les moteurs de recherche (SEO) et ont de meilleures conversions, l'optimisation des images est quelque chose que chaque site web d'entreprise doit faire s'il veut réussir en ligne.
Vous vous demandez peut-être quelle différence l'optimisation des images peut réellement faire.
Une étude fondamentale de Strangeloop a révélé qu'un délai d'une seconde dans le temps de chargement pouvait coûter 7 % des ventes, entraîner 11 % de pages vues en moins et une diminution de 16 % de la satisfaction client. Aujourd'hui, avec des attentes des utilisateurs encore plus élevées, l'impact est encore plus significatif.
Si ce ne sont pas des raisons suffisantes pour accélérer votre site web, sachez que les moteurs de recherche comme Google accordent également un traitement SEO préférentiel aux sites web à chargement plus rapide.
Cela signifie qu'en optimisant vos images pour le web, vous pouvez à la fois améliorer la vitesse du site web et augmenter les classements SEO WordPress.
3. Comment enregistrer et optimiser les images pour les performances web
La clé d'une optimisation d'images réussie pour les performances web est de trouver le juste équilibre entre la taille de fichier la plus petite et une qualité d'image acceptable.
Les trois éléments qui jouent un rôle énorme dans l'optimisation des images sont :
- Le format de fichier image (JPEG vs PNG vs GIF)
- La compression (une compression plus élevée = une taille de fichier plus petite)
- Les dimensions de l'image (hauteur et largeur)
En choisissant la bonne combinaison des trois, vous pouvez réduire la taille de vos images jusqu'à 80 %.
Examinons chacun de ces éléments plus en détail.
1. Format de fichier image
Pour la plupart des propriétaires de sites Web, les trois seuls formats de fichiers image qui comptent vraiment sont JPEG, PNG et GIF. Choisir le bon type de fichier joue un rôle important dans l'optimisation des images.
Pour simplifier, vous voulez utiliser des JPEG pour les photos ou les images avec beaucoup de couleurs, des PNG pour les images simples ou transparentes, et des GIF uniquement pour les images animées.
Pour ceux qui ne connaissent pas la différence entre chaque type de fichier :
- Le format d'image PNG utilise une compression sans perte. Cela signifie qu'il réduit la taille du fichier sans aucune perte de qualité, ce qui en fait un excellent choix pour les logos, les graphiques riches en texte et les images où vous avez besoin de lignes nettes et de transparence.
- En revanche, JPEG est un format de fichier compressé qui réduit légèrement la qualité de l'image afin de fournir une taille de fichier nettement plus petite.
- Alors que GIF n'utilise que 256 couleurs avec une compression sans perte, ce qui en fait le meilleur choix pour les images animées.
Sur WPBeginner, nous utilisons un mélange de ces formats. Cependant, de nombreux sites Web modernes utilisent désormais le format WebP. WebP offre souvent une meilleure compression que JPEG et PNG (ce qui signifie des fichiers plus petits) avec une excellente qualité. La plupart des navigateurs le prennent désormais en charge, et de nombreux plugins d'optimisation peuvent convertir automatiquement vos images en WebP pour un énorme gain de vitesse.
Pour en savoir plus sur les formats d'image, consultez notre guide sur WebP vs PNG vs JPEG : quel est le meilleur format d'image pour WordPress.
2. Compression
La chose suivante est la compression d'image, qui joue un rôle énorme dans l'optimisation des images.
Il existe différents types et niveaux de compression d'image disponibles. Les paramètres pour chacun varieront en fonction de votre outil de compression d'image.
La plupart des outils d'édition d'images comme Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo, et d'autres ont des fonctionnalités de compression d'image intégrées.
Vous pouvez également enregistrer les images normalement, puis utiliser un outil web comme TinyPNG ou JPEGmini pour une compression d'images plus facile.
Bien qu'ils nécessitent un certain effort manuel, ces deux méthodes vous permettent de compresser les images avant de les téléverser sur WordPress, et c'est ce que nous faisons sur WPBeginner.
Il existe également plusieurs plugins WordPress populaires comme Optimole et EWWW Image Optimizer qui peuvent compresser automatiquement les images lors de leur première importation. C'est pratique, et de nombreux débutants, voire de grandes entreprises, préfèrent utiliser ces plugins d'optimisation d'images.
Nous parlerons davantage de l'utilisation des plugins WordPress plus loin dans l'article.
3. Dimensions des images
Normalement, lorsque vous importez une photo depuis votre téléphone ou un appareil photo numérique, elle a une résolution très élevée et de grandes dimensions de fichier (hauteur et largeur).
Lorsque vous recevez des photos de votre téléphone ou d'un appareil photo numérique, elles ont souvent des dimensions en pixels très importantes (comme 4000 pixels de large) et peuvent avoir un réglage de « résolution » de 300 DPI.
Voici un conseil clé pour les images Web : vous pouvez complètement ignorer le DPI. Ce réglage est destiné à l'impression. Pour le Web, la seule chose qui compte, ce sont les dimensions en pixels (hauteur et largeur).
Réduire les dimensions de l'image à quelque chose de plus raisonnable peut considérablement diminuer la taille du fichier image. Vous pouvez simplement redimensionner les images à l'aide d'un logiciel de retouche d'images sur votre ordinateur.
Par exemple, nous avons pris une photo avec d'énormes dimensions d'origine de 4900 × 3200 pixels. La taille du fichier d'origine était de 1,8 Mo.
Nous avons choisi le format JPEG pour une compression plus élevée et avons modifié les dimensions à 1200×795 pixels. La taille du fichier a été réduite à seulement 103 Ko. C'est 94 % de moins que la taille du fichier d'origine.
Maintenant que vous connaissez les trois facteurs importants de l'optimisation d'images, examinons divers outils d'optimisation d'images pour les propriétaires de sites Web.
4. Meilleurs outils et programmes d'optimisation d'images
Comme nous l'avons mentionné précédemment, la plupart des logiciels de retouche d'images sont dotés de paramètres d'optimisation et de compression d'images.
En dehors des logiciels de retouche d'images, il existe également plusieurs outils gratuits puissants d'optimisation d'images que vous pouvez utiliser pour optimiser les images pour le web (en quelques clics).
Nous vous recommandons d'utiliser ces outils pour optimiser les images avant de les télécharger sur WordPress, surtout si vous êtes un perfectionniste.
Cette méthode vous permet d'économiser de l'espace disque sur votre compte d'hébergement WordPress, et elle garantit l'image la plus rapide avec la meilleure qualité puisque vous examinez manuellement chaque image.
Adobe Photoshop
Adobe Photoshop est une application de retouche d'images premium qui vous permet d'exporter des images avec une taille de fichier plus petite pour le web.
En utilisant la boîte de dialogue d'exportation, vous pouvez choisir un format de fichier image (JPG, PNG, GIF) qui vous donne la plus petite taille de fichier.
Vous pouvez également réduire la qualité de l'image, les couleurs et d'autres options pour réduire davantage la taille du fichier.
GIMP
GIMP est une alternative gratuite et open-source à Adobe Photoshop. Il peut être utilisé pour optimiser vos images pour le web. Leconvénient est qu'il n'est pas aussi facile à utiliser que certaines autres solutions de cette liste.
Tout d'abord, vous devez ouvrir votre image dans GIMP, puis sélectionner l'option Fichier » Exporter sous…. Cela ouvrira la boîte de dialogue d'exportation d'images, où vous pourrez donner un nouveau nom à votre fichier. Ensuite, vous devez cliquer sur le bouton « Exporter ».
Vous verrez maintenant les options d'exportation d'images. Pour les fichiers JPEG, vous pouvez utiliser le curseur « Qualité » pour sélectionner le niveau de compression et réduire la taille du fichier.
Enfin, vous devriez cliquer sur le bouton « Exporter » pour enregistrer le fichier image optimisé.
TinyPNG
TinyPNG est une application web gratuite qui utilise une technique de compression intelligente avec perte pour réduire la taille de vos fichiers PNG et JPEG. Tout ce que vous avez à faire est d'aller sur leur site web et de télécharger vos images en les faisant glisser et déposer.
Ils compresseront l'image et vous fourniront un lien de téléchargement.
Ils ont également une extension pour Adobe Photoshop, que nous utilisons dans le cadre de notre processus de retouche d'images car elle vous permet d'accéder à TinyPNG depuis l'intérieur de Photoshop.
Pour les développeurs, ils ont une API pour convertir automatiquement les images. De plus, pour les débutants, ils ont un plugin WordPress qui s'en chargera pour vous. Nous en parlerons plus tard.
JPEGmini
JPEGmini utilise une technologie de compression avec perte puissante qui réduit considérablement la taille des images sans affecter leur qualité perçue. Vous pouvez également comparer la qualité de l'image d'origine et de l'image compressée pour vous en rendre compte par vous-même.
Vous pouvez utiliser leur version web gratuitement ou acheter le programme pour votre ordinateur. Ils ont également une API payante pour automatiser le processus pour votre serveur.
ImageOptim
ImageOptim est un utilitaire Mac qui vous permet de compresser des images sans perte de qualité en trouvant les meilleurs paramètres de compression et en supprimant les profils de couleur inutiles.
Une alternative Windows à ceci est Trimage.
5. Meilleurs plugins d'optimisation d'images pour WordPress
Nous pensons que la meilleure façon d'optimiser vos images est de le faire avant de les télécharger sur WordPress. Cependant, si vous gérez un site multi-auteurs ou avez besoin d'une solution automatisée, vous pouvez essayer un plugin de compression d'images WordPress.
Voici notre liste des meilleurs plugins de compression d'images pour WordPress :
- Optimole, un plugin populaire de l'équipe derrière ThemeIsle
- Optimiseur d'images EWWW
- Compression d'images JPEG, PNG & WebP, un plugin de l'équipe TinyPNG mentionnée ci-dessus
- Imagify, un plugin de la populaire équipe WP Rocket
- ShortPixel Image Optimizer
- Smush
- reSmush.it
- Envira Gallery est un plugin de galerie WordPress avec compression d'images intégrée
Ces plugins d'optimisation d'images pour WordPress vous aideront à accélérer votre site web.
6. Réflexions finales et meilleures pratiques pour l'optimisation d'images
Si vous n'enregistrez pas vos images optimisées pour le web, vous devez commencer à le faire dès maintenant. Cela fera une énorme différence dans la vitesse de votre site, et vos utilisateurs vous remercieront.
Sans oublier que les sites web plus rapides sont excellents pour le SEO, et vous verrez probablement une augmentation de votre classement dans les moteurs de recherche.
En dehors de l'optimisation des images, les deux choses qui vous aideront considérablement à accélérer votre site web sont l'utilisation d'un plugin de mise en cache WordPress et l'utilisation d'un CDN WordPress.
Chez WPBeginner, nous utilisons WP Rocket car il combine de puissantes fonctionnalités de mise en cache et d'optimisation d'images, y compris le chargement différé (ce qui signifie que les images ne se chargent que lorsqu'un visiteur fait défiler la page jusqu'à elles) et la prise en charge de WebP, en une seule solution.
Si vous utilisez le plugin Envira Gallery, nous vous recommandons également leur service Envira CDN. Il s'agit d'un CDN spécifique aux images qui permet à vos galeries de photos de se charger incroyablement rapidement sans la complexité d'une configuration CDN traditionnelle.
Alternativement, vous pouvez utiliser une entreprise d'hébergement WordPress géré car ils offrent souvent à la fois la mise en cache et le CDN dans le cadre de la plateforme.
Tutoriel vidéo
Foire aux questions sur l'optimisation des images
Au fil des années passées à aider les utilisateurs à améliorer la vitesse de leur site web, nous avons répondu à de nombreuses questions sur l'optimisation des images. Voici les réponses à certaines des plus courantes.
1. Quel est le meilleur format d'image pour le web ?
Cela dépend du type d'image. Pour les photographies avec beaucoup de couleurs, le JPEG est généralement le meilleur choix. Pour les graphiques simples, les logos ou les images qui nécessitent un arrière-plan transparent, le PNG est idéal. Les GIF ne doivent être utilisés que pour les animations. Le nouveau format WebP est également une excellente option qui offre une grande qualité avec de petites tailles de fichiers.
2. L'optimisation des images réduit-elle leur qualité ?
Pas toujours. La compression « sans perte » réduit la taille des fichiers sans aucune perte de qualité. Même avec une compression « avec perte », l'objectif est de trouver un équilibre où la taille du fichier est considérablement réduite, mais où tout changement de qualité est pratiquement invisible à l'œil nu.
3. Quelle est une bonne taille de fichier pour les images web ?
Il n'y a pas une taille parfaite, mais un bon objectif pour la plupart des images est de moins de 150 Ko. Pour les grandes images pleine largeur, vous pouvez aller jusqu'à 500 Ko. L'objectif principal est toujours d'obtenir le fichier le plus petit possible tout en gardant l'image nette et claire sur votre site.
4. Comment l'optimisation des images améliore-t-elle le SEO ?
Les moteurs de recherche comme Google utilisent la vitesse de chargement des pages comme facteur de classement. Comme les images sont souvent les fichiers les plus volumineux d'une page, leur optimisation rend votre site web plus rapide. Cette amélioration de la vitesse peut entraîner un meilleur classement SEO et une meilleure expérience pour vos visiteurs.
5. Puis-je optimiser les images déjà téléchargées sur WordPress ?
Oui. La plupart des plugins d'optimisation d'images pour WordPress incluent une fonction d'« optimisation en masse ». Cet outil peut scanner toute votre bibliothèque de médias et compresser toutes vos images existantes, ce qui est parfait pour améliorer la vitesse d'un site web établi.
Ressources supplémentaires pour améliorer les performances de WordPress
Nous espérons que cet article vous a aidé à apprendre comment optimiser vos images dans WordPress. Vous voudrez peut-être aussi consulter d'autres articles liés à l'amélioration des performances de WordPress :
- Le guide ultime pour améliorer la vitesse et les performances de WordPress
- Comment accélérer les performances de WooCommerce
- Comment décharger les médias WordPress pour améliorer la vitesse du site web
- Meilleurs plugins de mise en cache WordPress pour accélérer votre site Web
- Comment optimiser les Core Web Vitals pour WordPress (Guide ultime)
- Comment réduire le temps de réponse du premier octet (TTFB) dans WordPress – Conseils d'experts
- Comment utiliser le plugin GTmetrix pour améliorer les performances de votre site WordPress
- Hébergement WordPress le plus rapide (Tests de performance)
- Métriques importantes à mesurer sur votre site WordPress
- Comment effectuer correctement un test de vitesse de site Web
- Comment tester la charge d'un site WordPress
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.
Dennis Muthomi
Eh bien, pour moi, je convertis TOUJOURS toutes mes images au format de fichier .webp avant de les télécharger sur mon site WordPress.
J'ai choisi d'utiliser .webp plutôt que JPEG et PNG car il offre une bien meilleure compression sans perte, ce qui permet de réduire considérablement la taille du fichier sans affecter la qualité de l'image.
Jiří Vaněk
Je faisais la même chose. D'abord, je convertissais toutes les images en webp, puis je les téléversais sur FTP. Donc, je n'avais aucun autre format sur le site web à part webp. Cependant, on m'a fait remarquer plus tard que ce n'était pas une bonne pratique, car il existe encore d'anciens types de navigateurs que certains utilisateurs peuvent utiliser et qui ne prennent pas en charge le webp. Si un tel utilisateur visite votre site, les images ne s'afficheront pas. Depuis, j'utilise un plugin. Je téléverse des images png sur le site, et le plugin les convertit en webp. Cela garantit que les deux formats sont sur le site web, et pour les anciens navigateurs, l'image png compatible sera utilisée pour l'affichage.
Samuel
Wow, merci de partager cette perspective sur votre méthode. Cela pourrait facilement être négligé et je prendrai cela en considération lorsque je traiterai des images pour mes sites web.
Jiří Vaněk
Merci pour le tutoriel. Personnellement, j'avais l'habitude de convertir les images au format .webp d'abord, puis de les télécharger sur le web dans ce format. Ce format me semble être le plus petit en termes de volume de données et en même temps toujours de très haute qualité pour une bonne expérience utilisateur. Je n'utilise pas de plugins pour cela, mais je convertis généralement les images dans des convertisseurs en ligne ou dans des logiciels informatiques.
Commentaires WPBeginner
Le format .webp peut également être un bon format d'image à utiliser en raison de sa petite taille de fichier. Nous avons d'ailleurs un guide sur la façon d'utiliser le .webp ici, y compris quelques plugins pratiques pour convertir les images en .webp : https://www.wpbeginner.com/wp-tutorials/how-to-use-webp-images-in-wordpress/
La conversion via un plugin peut être utile car elle peut convertir directement sur le site web et en masse.
Jiří Vaněk
Mais si j'utilise le plugin, cela ne prendra pas trop de place sur mon FTP car le fichier original sera là aussi ? Mais je serai certainement heureux d'aller voir vos instructions. Merci pour le lien.
Commentaires WPBeginner
Vous pourriez toujours supprimer les fichiers d'origine. Vous pouvez utiliser la fonction de recherche sur la page d'administration des médias pour rechercher des types de fichiers, tels que les extensions .png ou .jpg/.jpeg.
Mrteesurez
Ceci est un guide complet.
Il est essentiel d'optimiser les images afin d'avoir un chargement rapide du site web et une diffusion de contenu rapide.
Vous avez cité que les images sont les plus lourdes après la vidéo, qu'en est-il de l'audio, l'audio est-il plus léger que les images et comment ?
Commentaires WPBeginner
L'audio aurait tendance à se situer entre les images et la vidéo. Cela dit, en fonction de la quantité d'audio et du type de fichier audio, ce n'est pas une règle exacte et cela dépend simplement des fichiers en question.
Mrteesurez
Merci pour votre réponse, le fait est que j'avais l'habitude de voir des fichiers audio plus volumineux que des images, la plupart des images sont en kilo-octets tandis que les audios sont généralement plus que cela, je pense que la durée d'un audio pour être lu et délivrer un message significatif contribue également à sa taille.
Michelle N
Would love to say that this has been incredibly helpful, easy to digest and implement, I appreciate all the tools provided. Thank you!
– from a beginner blogger
Support WPBeginner
Glad our guide was helpful
Admin
mohadese esmaeeli
Soit dit en passant, une autre question que j'ai est de savoir si, lors de l'utilisation de plugins d'optimisation d'images et de l'optimisation d'images précédemment téléchargées, les nouvelles images remplacent les anciennes ? Ou les images originales restent-elles dans la médiathèque WordPress, avec les images optimisées à côté d'elles ?
Support WPBeginner
Cela dépendrait du plugin spécifique que vous utilisez, car certains remplaceront l'image tandis que d'autres auront la possibilité de conserver l'original.
Admin
Jiří Vaněk
Beaucoup d'entre eux vous donnent le choix de conserver ou de supprimer les images originales. D'après mon expérience personnelle, je recommande de conserver les images originales sur le site web (au moins en guise de sauvegarde).
mohadese esmaeeli
Bonjour,
Salutations à vous. Cet article semble être assez complet. J'ai découvert votre site il y a quelques jours et j'ai commencé à lire les articles. J'ai décidé de mettre en œuvre le même processus sur mon site au fur et à mesure que je lis ces articles.
J'ai rapidement atteint le point 2, en me concentrant sur la vitesse du site. Pour être honnête, je travaille sur mon site depuis quelques jours seulement, et je n'ai réussi à obtenir qu'une augmentation de 10% de la vitesse du site.
Support WPBeginner
An improvement is still an improvement, we’re glad to hear our guide is helpful
Admin
mohadese esmaeeli
Oui, c'est exactement ça. Dans ce monde vaste et compétitif, ceux qui améliorent constamment leur site web et offrent quelque chose de plus que leurs concurrents seront les gagnants. Sinon, nous serons les perdants.
Moinuddin Waheed
Optimiser les images pour les sites web ou les blogs est très important pour la vitesse du site web.
Les tailles d'images importantes prennent du temps à charger et ralentissent le site web.
J'ai utilisé certains des plugins pour l'optimisation des images.
Mais je pense que la meilleure option est d'utiliser des plugins de mise en cache et un CDN pour les sites web.
Cela permet non seulement d'accélérer la vitesse du site web, mais aussi de fidéliser les visiteurs.
Support WPBeginner
CDNs are normally for speed instead of retention but a fast loading site does help keep your visitors and helps make them want to return
Admin
Lewis
Tout d'abord, il est important de noter que tous les types de fichiers image ne se valent pas. Les JPEG sont généralement beaucoup plus petits que les PNG, par exemple, il est donc important de choisir le bon type de fichier pour la tâche.
De plus, en ce qui concerne le redimensionnement des images, vous devriez toujours les redimensionner avant de les télécharger sur votre site Web. De cette façon, vous pouvez éviter de servir des images trop volumineuses à vos visiteurs, ce qui peut ralentir votre site.
Enfin, je voulais souligner qu'il existe un certain nombre de plugins disponibles qui peuvent vous aider à automatiser le processus d'optimisation de vos images. WP Smush est une excellente option qui peut vous aider à gagner du temps et à garantir que vos images sont toujours correctement optimisées.
Support WPBeginner
Thanks for sharing your comment
Admin
Rebecca Gelsi
C'est génial, merci. J'utilise JPEGmini après avoir lu cet article et je suis tellement soulagée d'avoir cet aspect de notre site réglé.
Andy
Merci pour cette explication simple et normale. J'ai fait quelques erreurs avec le contenu photo sur mon site, mais avec l'aide de vos explications, j'ai compris exactement ce que je devais faire. Merci !
Support WPBeginner
Glad our guide was helpful
Admin
Tania
Tellement utile !! Merci de partager. Petite question – Si je compresse mes images à une taille KB optimale/acceptable directement dans Photoshop en utilisant le réglage Enregistrer pour le Web mentionné ci-dessus, puis que je télécharge sur Wordpress… est-il nécessaire d'exécuter également Shortpixel ou un autre plugin de compression d'images ? Ou est-ce redondant ?
J'essaie de comprendre s'il y a des avantages supplémentaires à utiliser un plugin plutôt que Photoshop. J'aimerais connaître votre avis. Merci !
Support WPBeginner
The plugins are an alternative, if you optimize your images before uploading them, you wouldn’t need to use an image optimization plugin
Admin
Shiv Raj Bhatt
Excellente idée d'optimiser les images pour un chargement plus rapide du site Web. Merci pour l'information.
Support WPBeginner
Glad you like our content
Admin
Lauren
Excellent et complet ! Merci !
Support WPBeginner
Glad our guide was helpful
Admin
Eddier Naranjo
Les plugins d'optimisation font une copie de l'image « lourde » et servent la version optimisée. Mais cela augmente l'espace de stockage sur le site.
Existe-t-il un moyen de supprimer l'ancienne version et de ne laisser que l'image optimisée ?
Support WPBeginner
Nous vous recommandons de vérifier auprès du support du plugin que vous utilisez, car ils ont normalement une option pour supprimer la version non optimisée.
Admin
Diane Talbotier
Bonjour, est-ce que redimensionner signifie changer la taille des images telles qu'elles sont affichées sur le site Web, ou redimensionner la taille du fichier, s'il vous plaît ?
Et comment savoir quelle est la taille optimale ?
Support WPBeginner
Cela dépendrait de ce que vous entendez par compression dans ce guide, il s'agit de la taille du fichier. Vous pouvez également réduire la largeur et la hauteur d'une image si elle est trop grande. Votre thème spécifique déterminerait la taille d'image spécifique que vous souhaitez utiliser.
Admin
Terri
Vous avez mentionné dans votre exemple d'optimisation que votre photo d'origine était de 300 dpi, puis vous l'avez optimisée pour une taille de fichier plus petite. Mais vous n'avez pas dit quelle était la résolution cible. Est-ce 72 pour le web ? Ou plus élevé ? Merci pour cet article instructif.
Support WPBeginner
Cela dépendrait de vos préférences personnelles et de la taille que vous souhaitez/avez besoin pour les images.
Admin
Romel
merci beaucoup, cela a levé beaucoup de doutes.
Support WPBeginner
Glad our article was helpful
Admin
Odenyi Emmanuel Chidera
Ce que j'aime le plus chez wpbeginner, c'est qu'ils vous donnent des informations sur ce qu'il faut implémenter sur votre propre site, mais vous disent aussi ce qu'ils utilisent sur leur propre site. Cela m'aide vraiment à décider plus rapidement. Apprendre d'un maître est toujours plus facile. Merci.
Support WPBeginner
You’re welcome, glad you like our content
Admin
Luz Manalo-Cruz
J'ai compressé des images via TinyPNG et j'ai essayé de remplacer les images lourdes sur mon site par celles-ci (c'est-à-dire que j'ai supprimé les photos lourdes et téléchargé les compressées). Cependant, la médiathèque télécharge toujours les anciennes images lourdes. Cela signifie-t-il que je ne peux pas remplacer les anciennes images déjà téléchargées ? Ne téléchargera-t-elle que les images compressées qui n'ont jamais été téléchargées ?
Support WPBeginner
Si vous remplacez les images les plus lourdes, vous voudrez vous assurer que votre site n'a pas de mise en cache qui affiche l'ancienne image et que lorsque vous téléchargez la nouvelle image, vous téléchargez la bonne image.
Admin
Giovanna
Merci pour cet article instructif, Syed.
À l'avenir, je m'assurerai toujours d'utiliser des images optimisées. Me recommandez-vous de revenir aux articles déjà publiés et de remplacer mes images par des images optimisées ?
Support WPBeginner
If possible we would recommend updating your older images, the plugins we recommended should handle that for you
Admin
Percy Young
Merci pour votre publication. beaucoup de bons outils. Je me demande s'il y a quelque chose à faire pour redimensionner les images qui ont déjà été téléchargées, et comment supprimer les images que WordPress n'utilise plus.
Support WPBeginner
Si vous avez besoin de générer de nouvelles images, vous pouvez suivre notre guide ici :
https://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/
Pour supprimer les images supplémentaires, il existe des plugins de nettoyage de médias que vous pouvez utiliser.
Admin
Support WPBeginner
Glad you’ll use our recommendations
Admin
Dr Amandeep Sandhu
Merci d'avoir partagé de telles idées... !
Support WPBeginner
You’re welcome, thanks for reading our articles
Admin
İbrahim BOZKURT
Je suis développeur WordPress. J'écris depuis la Turquie.
Très difficile de trouver des ressources WordPress de qualité.
Je vous ai découvert. Je ne connaissais pas l'anglais mais j'ai appris l'anglais. Grâce à vous tout.
Support WPBeginner
Thank you for reading our articles and congratulations on learning a new language
Admin
Felipe Adan Lerma
Salut, il semble que WordPress ait intégré une partie de cela dans son processus actuel de téléchargement d'images, du moins dans le segment Premium ?
Je demande car j'ai maintenant l'option de choisir la taille réelle ou une taille plus grande ou plus petite ?
Ou ce processus n'est-il pas une optimisation / réduction de la taille de l'image ?
Merci beaucoup ! Sujet très important et utile.
Adan
Support WPBeginner
Il semble que vous parliez peut-être de WordPress.com et qu'ils aient des plugins personnalisés configurés pour les sites sur leur service.
Admin
Felipe Adan Lerma
Ahhh, oui, j'oublie que les deux WP sont différents, désolé. J'essaie toujours de comprendre comment travailler là où je suis avec WP et c'est définitivement via leurs sites .com. Merci beaucoup alors, WP – Adan
Support WPBeginner
No worries, should it help we have our article listing the differences here:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Anna
Informations très utiles !! Je recherchais justement comment faire cela quand votre e-mail est arrivé ! Vous m'avez fait gagner du temps et des efforts et vous aviez exactement les conseils que je cherchais.
Support WPBeginner
Glad our guide and newsletter could be helpful
Admin
Lindsay
Lors de l'enregistrement sur Photoshop, quelle largeur suggérez-vous pour des performances web optimales ?
Mon thème enregistre 1600x1050 pour un en-tête optimal, mais que dois-je faire pour les images du corps ? Le concepteur du thème n'a pas de recommandation.
Support WPBeginner
Si vous suivez les autres étapes de cet article, la taille de l'image serait celle qui correspond le mieux aux dimensions de votre contenu, de sorte que WordPress n'aurait pas besoin de redimensionner l'image.
Admin
edccde
Veuillez mettre à jour cette vidéo YouTube. Tout d'abord, Jpegmini n'est pas une application web et c'est un logiciel que je dois installer sur mon PC.
Support WPBeginner
Thank you for letting us know about the video, we’ll certainly look into updating the video
Admin
Jackie
Y a-t-il un moyen de compresser les images déjà téléchargées sur WordPress ? Ou dois-je compresser toutes mes images puis les retélécharger dans WP ? Merci d'avance pour vos conseils.
Irina
Salut,
Besoin d'un conseil : je dois télécharger des images basse résolution et haute résolution (1200 pixels à 300 dpi) afin que mes clients puissent les télécharger. Je n'ai pas de questions sur l'optimisation des images LR. Comment puis-je enregistrer des images haute résolution ? La taille est jusqu'à 2 Mo. J'ai des centaines de milliers d'images…
Ratan Kumar
Ce post est génial et ajoute vraiment de la valeur à mon site. Cependant, j'ai récemment essayé de sauvegarder des images de flipkart mais elles ont été sauvegardées dans un format de très basse résolution. Je me demande si vous pouvez m'aider à comprendre comment faire.
Ray
J'ai déjà téléchargé en masse 1500 images de produits qui étaient connectées à des URL d'images trouvées sur Internet.
Maintenant que j'ai ces 1500 images dans ma médiathèque, comment puis-je revenir en arrière pour les redimensionner et les compresser ?
De plus, je ne sais pas si redimensionner signifie changer la taille des images telles qu'elles apparaissent sur le site Web, ou redimensionner la taille du fichier.
Merci !
Sara Lewis
qu'en est-il du plugin ewww image optimizer ?
Support WPBeginner
Salut Sara,
Oui, c'est une bonne alternative. Cependant, pour de meilleurs résultats, nous vous recommandons toujours d'optimiser les images dans votre programme de retouche d'images avant de les télécharger sur WordPress.
Admin
Donna
Je vais voyager dans un endroit où la connectivité Internet est limitée et coûteuse. Je souhaite donc réduire la taille des fichiers de mes photos avant de me connecter pour les télécharger sur mon blog. Quelqu'un pourrait-il me recommander quelle résolution et quel dpi seraient bons à utiliser ? L'application que je prévois d'utiliser demande trois mesures :
résolution – de 200 à 2048
DPI – de 72×72 à 300×300
qualité jpeg (niveau de compression) – de 0,00 à 1,00
Carrie
Dans la vidéo, elle change sa photo. Je comprends l'écran dans PS. Mais vous n'avez pas expliqué quelle devrait être la largeur et la hauteur en pixels pour WP, la limite est de 2 Mo. Quelle serait une bonne norme pour les sliders, etc. pour un site WP ?
Carrie
Désolé d'être le dindon de la farce, mais quelqu'un pourrait-il clarifier une chose ? J'ai installé le plugin WP Smush it et j'ai lentement travaillé sur toutes les photos que j'ai téléchargées sur mon site au cours des 2 dernières années. J'en fais 50 à la fois, la limite gratuite. Cependant, maintenant que j'ai le plugin, pour les futures photos, est-ce que le fait de l'avoir signifie que je n'ai pas besoin d'utiliser d'autres programmes pour redimensionner mes photos avant de les télécharger sur mon site WP ? Si j'ai une photo de 8 Mo et que je la télécharge sur mon site, le plugin fait tout pour moi ? Je veux juste confirmer que la photo originale n'est pas toujours téléchargée et enregistrée sur mon serveur d'hébergement, SiteGround. Mon site est incroyablement lent, j'ai effectué des tonnes de diagnostics, et je n'arrive toujours pas à comprendre pourquoi, sauf que tout pointe vers mes photos. Merci !
Tony Squibb
Salut Carrie, je ne suis absolument pas un expert, mais j'ai de l'expérience avec WP Smush it et oui, les futures téléchargements devraient être automatiquement 'compressés'. Il y a une petite notification dans la médiathèque lorsque vous le faites.
Pour vérifier les causes de la lenteur de votre site, vous pouvez utiliser GTmetrix, puis ouvrir la page waterfall où il affichera les temps de chargement des éléments individuels des pages. Une fois que vous connaissez le problème, vous pouvez y remédier.
I hope that helps from one ‘dunce’ to another
Carrie
Salut Tony,
Thanks for weighing in! Unfortunately I uninstalled WP Smush and tried EWWW Image Optimizer along with the Thumbnail Regerate plugin (based on another bloggers suggestion) and royally messed up the photos on my site. I’m a newb with regards to how to manage my files through the FTP on my web host, so I ended up deleting a bunch of images (as in hundreds) and re-uploading them after resizing them manually in an image program. Turns out that too was a bad idea. Now I have a bunch of error messages when I render my site in my Google Console because when Google crawls my site, those files are now gone or moved. AGH! I’m on the verge of simply paying someone to revamp my site or quitting altogether. But I really appreciate that you took the time to leave a helpful comment.
Bonne année ! Que 2017 soit meilleure que 2016.
Jeff
salut
Meilleurs plugins d'optimisation d'images pour site WordPress Lequel ?
Gagan
Je me demandais si je pouvais télécharger mes images sur Google Blogger et les utiliser sur mon site WordPress via l'option "Insérer depuis l'URL" ?
Avez-vous des suggestions pour savoir si c'est une bonne idée ou non ?
Merci d'avance
Zimbrul
Je suis revenu ici car je cherche des plugins qui téléchargent une grande image comme une image optimisée directement sur WordPress. Je suis sûr d'avoir vu cela quelque part ici sur WP Beginner mais je ne le trouve pas.
Support WPBeginner
Veuillez consulter Optimiser les images avec WP Smush : avantages, inconvénients et alternatives.
Admin
Jack
Photoshop est sans aucun doute le meilleur, pour les services en ligne, kraken.io et resizeimage.net sont de bonnes alternatives à tinypng.
tanveer
xnview est-il une bonne option pour compresser des images ?
Support WPBeginner
Nous ne l'avons pas essayé.
Admin
Larry Aldrich
Quelqu'un a mentionné RIOT dans un commentaire précédent. C'est mon application de prédilection pour minimiser les images AVANT de les télécharger. Le taux de compression est presque phénoménal. Désolés les utilisateurs MAC, mais il n'est disponible que pour Windows.
Martin
Bonjour WPBeginner,
Je serais très intéressé par la version Windows de Trimage que vous semblez avoir vue.
Sur la page d'accueil de Trimage, vous ne voyez qu'un lien demandant de l'aide pour le portage Windows...
Greg
Je me suis habitué à utiliser Fireworks même si j'ai CS3
Zimbrul
Moi aussi. J'utilise CSS4 et je vais toujours sur Fireworks pour l'optimisation des images.
Marianne P.
Je viens de vérifier le site Trimage et je n'ai pas vu la version Windows – juste diverses versions *nix. Veuillez m'indiquer la bonne direction. Merci beaucoup – excellent article !
Corinna
Je me demandais s'il y avait un moyen de réduire la taille des images déjà téléchargées sur un site ? J'ai changé ma façon de les télécharger, donc à l'avenir toutes mes images seront plus petites. Mais je pensais que ce serait peut-être utile de changer la taille de celles déjà téléchargées.
Julie Anglesey
J'aimerais aussi savoir comment réduire la taille des images déjà téléchargées.
Zimbrul
C'était (ou c'est) Smush-It.
Samiullah Khan
Trop cherché sur le web pour trouver une bonne solution pour optimiser les images ; mais la plupart d'entre elles, la plupart d'entre elles ne fonctionnent pas, voyons si les outils mentionnés dans cet article fonctionnent ou non
Graham
L'article définit le PNG comme un format de fichier non compressé, mais pour autant que je sache, les PNG standard utilisent une compression sans perte.
Et je pense qu'il serait utile de mentionner pourquoi on pourrait choisir un format plutôt qu'un autre pour les images en tons continus (par exemple, une photo) par rapport aux images à palette limitée (par exemple, un logo).
Rob Dewing
Pourquoi ne pas mentionner Photoshop Elements, la version allégée pour un usage domestique de Photoshop ? Il fait 90+% des choses que le Photoshop complet fait, y compris la compression d'images 'enregistrer pour le web', le tout pour moins de 100 $.
Ines
Recommanderiez-vous d'utiliser Flickr pour télécharger vos images, puis de copier le code HTML sur votre site WordPress ? Que suggéreriez-vous pour les blogs de voyage qui contiennent beaucoup de photos ? Merci.
Support WPBeginner
Vous pouvez ajouter des photos Flickr dans WordPress en collant simplement l'URL de la photo dans un article. Normalement, nous ne le recommandons pas, car les gens verront et trouveront vos photos sur Flickr et ne visiteront peut-être jamais votre site web. Cependant, si vous estimez que la création d'une communauté autour de vos photos sur Flickr est plus utile pour vous, alors allez-y.
Admin