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. Dans ce guide, nous vous présenterons ces étapes exactes et faciles à suivre pour que vous puissiez réduire la taille de vos images sans sacrifier la qualité.
En bref : Les images sont une cause fréquente de ralentissement des sites Web, mais vous n'avez pas à sacrifier la qualité pour la vitesse. Ce guide vous montre notre méthode éprouvée pour optimiser les images manuellement avant le téléchargement à l'aide d'outils gratuits, ou automatiquement avec les meilleurs plugins WordPress. Nous vous aiderons à obtenir des temps de chargement plus rapides, un meilleur référencement et des visiteurs plus satisfaits.
- 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 représentent environ 1 054 Ko (40 %) du poids médian d'une page de bureau.
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, 11 % de pages vues en moins et une diminution de 16 % de la satisfaction client.
Aujourd'hui, alors que Google applique strictement les Core Web Vitals comme facteur de classement, l'impact sur le référencement et les revenus des images lentes est encore plus important.
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.
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.
Si vous téléchargez des logos ou des icônes simples, vous voudrez peut-être aussi envisager d'utiliser des SVG (graphiques vectoriels), car ils s'adaptent parfaitement sans perte de qualité.
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 se tournent désormais vers des formats d'image de nouvelle génération comme le format WebP et AVIF.
WebP et AVIF offrent une meilleure compression que JPEG et PNG (ce qui signifie des tailles de fichiers beaucoup plus petites) avec une excellente qualité. Tous les navigateurs Web modernes les prennent entièrement en charge, et de nombreux plugins d'optimisation WordPress parmi les meilleurs peuvent convertir automatiquement vos images dans ces formats 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.
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 (maintenant gratuit sous le nom d'Affinity Studio) et d'autres disposent de fonctionnalités de compression d'images intégrées.
- Adobe Photoshop
- ON1 Photo
- GIMP
- Affinity Photo
- et d'autres
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 premier téléchargement.
C'est pratique, et de nombreux débutants et même de grandes entreprises préfèrent utiliser ces plugins d'optimisation d'images.
Astuce d'expert : De nombreux plugins d'optimisation d'images offrent une version gratuite avec des limites (comme la taille du fichier ou le nombre d'images par mois). Pour une optimisation automatique et cohérente sur un site très fréquenté, vous aurez probablement besoin d'un plan payant.
Nous parlerons davantage de l'utilisation des plugins WordPress plus loin dans l'article.
Dimensions des images
Lorsque vous importez une photo directement de votre téléphone ou de votre appareil photo numérique, elle a souvent des dimensions en pixels massives (comme 4000 pixels de large) et une résolution de 300 DPI axée sur l'impression.
Voici un conseil clé pour les images Web : le DPI (points par pouce) est strictement destiné à l'impression de photos physiques. Sur un site Web, votre écran ne se soucie que des dimensions réelles en pixels (hauteur et largeur), vous pouvez donc ignorer en toute sécurité les paramètres DPI.
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 d'édition 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 d'édition 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. Le seul inconvé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 Exporter l'image, où vous pourrez donner un nouveau nom à votre fichier. Ensuite, vous devrez 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 considérablement la taille de vos fichiers PNG et JPEG.
Alors que les PNG standard sont généralement sans perte, TinyPNG réduit le nombre de couleurs de l'image, la convertissant dans un format PNG avec perte beaucoup plus petit, sans différence notable.
Tout ce que vous avez à faire est d'aller sur leur site web et de télécharger vos images en utilisant un simple glisser-déposer.
Ils compresseront l'image et vous fourniront un lien de téléchargement.
Bien que nous ayons précédemment utilisé leur extension Adobe Photoshop dans le cadre de notre processus d'édition d'images, elle est maintenant obsolète et non prise en charge pour Photoshop CC 2024 et les versions plus récentes. Les utilisateurs doivent utiliser l'outil web ou d'autres plugins pour l'intégration dans l'application.
Pour les développeurs, ils ont une API pour convertir les images automatiquement. De plus, pour les débutants, ils ont un plugin WordPress qui fera cela pour vous.
Nous en parlerons plus tard.
JPEGmini
JPEGmini utilise une puissante technologie de compression avec perte 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 si vous 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 et 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 fantastique plugin de galerie WordPress qui offre un puissant module complémentaire de compression d'images (disponible dans les plans payants) pour optimiser automatiquement les images de votre galerie.
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
L'optimisation de vos images est l'un des moyens les plus simples et les plus efficaces d'accélérer votre site web. En réduisant la taille des fichiers sans sacrifier la qualité, vous offrirez une meilleure expérience à vos utilisateurs et améliorerez votre classement SEO.
Vous devez également vous assurer que votre thème prend en charge les images responsives. Heureusement, WordPress crée automatiquement plusieurs tailles de chaque image téléchargée dans la médiathèque pour servir le meilleur ajustement pour les écrans mobiles et de bureau.
En dehors de l’optimisation d’images, les deux choses qui vous aideront considérablement à accélérer votre site Web sont l’utilisation d’un plugin de 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.
Cela inclut le chargement différé (ce qui signifie que les images ne se chargent que lorsqu'un visiteur fait défiler la page vers elles) et la prise en charge de WebP, le tout en une seule solution.
Astuce d'expert : Si vous utilisez un plugin de performance complet comme WP Rocket qui inclut l'optimisation d'images (comme le chargement différé et la conversion WebP), évitez d'installer un plugin d'optimisation d'images dédié séparé. L'exécution de deux plugins qui gèrent la même fonction peut entraîner des conflits ou ralentir votre site.
Si vous utilisez le plugin Envira Gallery, nous recommandons également leur service Envira CDN.
C'est 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 société d’hébergement WordPress géré car elle propose souvent à la fois le 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.
Attention : Créez toujours une sauvegarde complète de WordPress avant d'effectuer une optimisation en masse. Certains plugins écrasent vos fichiers d'origine, donc avoir une sauvegarde vous assure de pouvoir restaurer facilement vos médias si vous n'êtes pas satisfait de la qualité des images après compression.
6. Quelle est la différence entre DPI et pixels pour les images web ?
Le DPI (points par pouce) est un terme d'impression et n'affecte pas l'apparence de vos images en ligne. Pour les images web, seules les dimensions en pixels (hauteur et largeur) comptent. Concentrez-vous sur la réduction des dimensions en pixels pour des tailles de fichiers plus petites, pas sur le DPI.
7. Est-il préférable d'optimiser les images manuellement ou d'utiliser un plugin ?
L'optimisation manuelle des images avant leur téléchargement vous donne le plus de contrôle sur la qualité et la taille du fichier. Cependant, si vous avez un site multi-auteurs ou si vous souhaitez une automatisation complète, un plugin d'optimisation d'images WordPress est une solution pratique et efficace. Nous utilisons souvent un mélange des deux sur WPBeginner.
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 vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
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
Nous sommes heureux que notre article vous ait été utile
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
De rien, heureux que vous aimiez notre contenu
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
Si possible, nous vous recommandons de mettre à jour vos anciennes images. Les plugins que nous avons recommandés devraient s'en charger pour vous
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://014.leahstevensyj.workers.dev/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
Ravi que vous utilisiez nos recommandations
Admin
Dr Amandeep Sandhu
Merci d'avoir partagé de telles idées... !
Support WPBeginner
De rien, merci de lire nos 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
Merci de lire nos articles et félicitations pour l'apprentissage d'une nouvelle langue
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
Pas de soucis, si cela peut aider, nous avons notre article listant les différences ici :
https://014.leahstevensyj.workers.dev/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
Nous sommes heureux que notre guide et notre newsletter aient pu vous être utiles
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
Merci de nous avoir signalé la vidéo, nous allons certainement examiner la mise à jour de celle-ci
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.
J'espère que cela vous aide, d'un 'andouille' à une autre
Carrie
Salut Tony,
Merci pour votre contribution ! Malheureusement, j'ai désinstallé WP Smush et essayé EWWW Image Optimizer ainsi que le plugin Thumbnail Regenerate (sur la suggestion d'un autre blogueur) et j'ai complètement gâché les photos de mon site. Je suis un débutant en ce qui concerne la gestion de mes fichiers via FTP sur mon hébergeur web, j'ai donc fini par supprimer un tas d'images (des centaines) et les ré-uploader après les avoir redimensionnées manuellement dans un programme d'images. Il s'avère que c'était aussi une mauvaise idée. Maintenant, j'ai un tas de messages d'erreur lorsque j'affiche mon site dans ma console Google car lorsque Google explore mon site, ces fichiers ont maintenant disparu ou ont été déplacés. ARGH ! Je suis sur le point de payer quelqu'un pour refaire mon site ou d'abandonner complètement. Mais j'apprécie vraiment que vous ayez pris le temps de laisser un commentaire utile.
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 Optimisation des 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
Benjamin
Vous pourriez ajouter kraken.io à votre liste. Il fait la même chose que Jpegmini mais fonctionne aussi avec les images PNG.
Aurel
J'utilise RIOT, qui est un programme gratuit, très rapide et excellent.
Debra Torres
J'ai utilisé l'outil Yahoo Smush it à l'adresse : http://www.smushit.com/ysmush.it/
Recommanderiez-vous celui-ci ? Ou les autres que vous avez mentionnés sont-ils meilleurs ?
Support WPBeginner
Smushit est aussi un excellent outil. Mais essayez les autres outils que nous avons mentionnés et comparez les résultats.
Admin
James DiGioia
Il existe un plugin WordPress pour Smush.it :
http://wordpress.org/plugins/wp-smushit/
Cela facilite la compression des images avec Smush.it sans avoir à les préparer au préalable.
Youri van Dijk
J'allais mentionner ce plugin aussi. En général, j'optimise moi-même mes images, mais pour les clients qui ne sont pas très familiers avec ces outils, l'installation du plugin est un énorme avantage.
John Mauldin
Votre article est TRÈS opportun. Je viens de rencontrer le besoin de réduire des centaines de photos pour une salle d'exposition de cuisines et de salles de bain. J'ai acheté JPEGmini car je ne pouvais traiter que 20 photos par jour dans la version gratuite, mais 19,99 $ n'est rien pour pouvoir glisser-déposer des dossiers entiers dans le programme et les compresser en quelques secondes/minutes. Merci beaucoup pour votre aide !
Haseeb
N'y a-t-il aucun moyen automatisé de faire cela sur WordPress ? Qu'en est-il de 'WP Smush.it' ?
Personnel éditorial
Vous pouvez automatiser le processus avec certains outils que nous avons mentionnés ou en utilisant ce plugin :
http://wordpress.org/plugins/ewww-image-optimizer-cloud/
Mais pourquoi créer plus de charge serveur quand cela peut être résolu en éduquant l'utilisateur.
Admin
Marlene
Excellent article, cependant j'avais l'impression que toutes les images avec du texte devaient être enregistrées en fichiers PNG pour une meilleure netteté... ?
Personnel éditorial
Le PNG aura certainement une qualité supérieure, mais la plupart des gens ne pourront pas faire la différence à moins que vous ne les placiez côte à côte. Si vous pouvez accélérer votre site avec une différence non perceptible, alors pourquoi pas
Admin
Adam W. Warner
Excellent article, et un sujet important que de nombreux administrateurs WordPress négligent.
[Lien supprimé]
Lynn
Lightroom propose un certain nombre de préréglages pour l'exportation vers Facebook et le Web – ceux-ci compressent-ils suffisamment les fichiers photo ou dois-je toujours me tourner vers Photoshop ?
Personnel éditorial
Pas sûr pour Lightroom et la façon dont il exporte les images. Vous pouvez faire un test côte à côte.
Admin
Graham
Lightroom fera à peu près le même travail que Photoshop lors de l'exportation de photos au format JPEG.
Bill Wells
Lightroom est la référence pour les photographes ; il vous permet d'optimiser vos photos par lots, puis d'exporter le lot à la taille de pixel et à la compression de votre choix dans un certain nombre de formats, y compris JPEG. Il ajoute également automatiquement votre message de copyright au lot si vous le souhaitez.
Je ne connais pas le traitement par lots dans Photoshop, mais je l'utilise uniquement pour la manipulation majeure d'images.
Je suppose que si vous faites du graphisme ou de la manipulation intensive, utilisez Photoshop, mais si vous utilisez beaucoup de photos et que vous voulez simplement qu'elles soient à leur meilleur, utilisez Lightroom.
Scott Wyden Kivowitz
Je suis un grand défenseur de plusieurs des produits que vous avez mentionnés. Maintenant, je peux ajouter ce lien à mes ressources pour chaque fois que les clients me posent cette question exacte. Merci Syed.
Personnel éditorial
De rien Scott.
Admin
Dave Kulas
Si vous prenez vous-même les photos pour votre site Web... réglez votre appareil photo pour qu'il prenne une photo à 800 x 600 et à une résolution inférieure. Certains appareils photo ont un réglage de résolution Bon – Mieux – Meilleur… utilisez le réglage « BON ». Vous devriez obtenir une image qui se chargera rapidement.
Si vous avez déjà des images… jetez un œil GRATUIT… http://www.getpaint.net… Je l'utilise depuis des années. Je prends les photos ÉNORMES que me donnent les clients… puis je les redimensionne à 800 x 600. Ensuite, j'utilise l'outil de compression intégré pour compresser l'image.
Steven Alig
Je ne recommanderais pas de prendre des photos en basse résolution.
Vous voudrez prendre vos photos originales en haute résolution au cas où vous voudriez les utiliser pour autre chose. De plus, si vous prenez des photos en haute résolution, vous aurez la possibilité de recadrer une zone si vous le souhaitez.
Si les photos sont en basse résolution, vous n'aurez pas cette option et serez limité à ce que vous avez pris comme original.
Mark Pridham
Je suis d'accord avec Steven sur ce point. Je recommande vivement de prendre des images en haute résolution avec votre appareil photo. Vous avez alors un gros fichier avec lequel vous pouvez travailler. Il est très facile de réduire la taille d'un fichier à partir d'une image haute résolution, mais impossible de faire l'inverse. En prenant des images haute résolution, vous avez également la possibilité de les utiliser pour des travaux d'impression si le besoin se fait sentir. Généralement, je finis avec l'image brute volumineuse, une image imprimée recadrée et retouchée, et une image plus petite pour le travail sur le web.
Michael Maye
Je serais également d'accord pour prendre des photos en pleine haute résolution. Ensuite, redimensionnez et compressez pour les télécharger sur votre site Web. Vous aurez toujours la photo originale haute résolution pour d'autres utilisations.
Zimbrul
J'utilise généralement Fireworks, puis Tiny PNG si nécessaire.
Personnel éditorial
Ouais, c'est une bonne combinaison
Admin
Geoffrey Gordon
Excellent article, Syed.
Cependant, je pense vraiment que Fireworks est le roi en matière d'optimisation d'images pour le web et c'est beaucoup moins cher que Photoshop.
Personnel éditorial
Merci Geoffrey. Oui, je sais que Photoshop est cher, c'est pourquoi j'ai mentionné d'autres outils gratuits également. GIMP et Fireworks ont tous deux cette fonctionnalité.
Admin
paul
Donc, je vais simplement suivre les options telles que vues sur l'image dans la section Photoshop de cet article, et tout ira bien ?
Personnel éditorial
Oui, si vous faites cela, vous obtiendrez probablement l'un des meilleurs résultats de performance. Cependant, selon l'image, certaines peuvent ne pas être aussi belles, donc dans ces cas, nous essayons le Très Haute. Faites-le au cas par cas, mais la plupart des images iront bien.
Admin
Andrew Brown
Vous parlez de l'utilisation de Photoshop, qui est bien au-delà des besoins ou du prix de la plupart des blogueurs – pourquoi ne faites-vous pas référence à Lightroom, qui a également une excellente option d'exportation d'images, y compris une option pour limiter la taille maximale du fichier, ainsi que pour enregistrer par dimension ou en utilisant un dpi défini.
Une fois que l'on sait que les écrans de l'ordinateur fonctionnent à 72 dpi, le reste devient beaucoup plus facile, et il est étonnant de voir à quel point il est facile d'avoir un modèle web parmi les options d'exportation sans avoir besoin de connaissances approfondies sur ce qui doit être fait.
Personnel éditorial
Andrew,
Oui, nous comprenons que Photoshop est cher, c'est pourquoi nous avons mentionné plusieurs autres options gratuites. Nous avons juste mis à jour l'article pour ajouter un lien vers GIMP juste en dessous de Photoshop.
Quant à Lightroom, nous ne l'avons pas mentionné car nous ne l'utilisons pas. Pour la même raison, Fireworks a été omis.
Admin