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.
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
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/
Le recommanderiez-vous ? Ou ceux 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
PNG will definitely have a higher quality, but most folks won’t be able to tell the difference unless you put them side-by-side. If you can speed up your site with a non-noticeable difference, then why not
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 GRATUITEMENT… 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
Yup that’s a good combination
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