Lorsque vous envoyez une image au format JPEG sur votre site , elle est automatiquement compressée par WordPress.
Par défaut, le taux de compression est de 10%. Cela signifie donc que l’image affichée aura 90% de la qualité de l’image d’origine.
Eh bien vous pouvez modifier cette valeur très simplement si vous préférez plus ou moins compresser vos images.
Ces changements ne seront effectifs que pour les nouvelles images, pas les anciennes. Vous pouvez utiliser le plugin Regenerate Thumbnails pour que cela s’applique sur les images existantes.
Voyons tout d’abord comment faire pour…
Supprimer la compression JPEG automatique
Copiez-collez le code suivant dans le fichier functions.php
de votre thème enfant :
Modifier le taux de compression JPEG des images
Vous pouvez les compresser davantage afin de les afficher plus rapidement. Vérifiez toutefois qu’elles ne soient pas trop pixelisées, cela pourrait être nuisible pour vos visiteurs.
Pour faire varier ce taux, copiez-collez le code suivant dans le fichier functions.php
de votre thème enfant:
J’ai modifié la valeur à 70 ici, ce qui signifie que le taux de compression JPEG de mon image sera de 30%.
Pour aller plus loin en matière d’optimisation, vous pouvez jeter un oeil au plugin Imagify. Cela vous permettra de gérer la compression directement à partir de l’administration, ce qui est assez pratique il faut l’avouer.
Maintenant, à vous de définir le taux qui correspond le mieux à votre site et à vos images. Qu’avez-vous choisi ? Dites-le nous dans les commentaires 🙂
Source: WPMUDEV
Bonjour,
Merci pour cet article, paramétrer une compression directement dans le site peut être intéressant mais comme vous le précisez cette compression est destructive !
Pour vos lecteurs qui souhaient en savoir plus je vous propose un lien photoshop
https://helpx.adobe.com/fr/photoshop/using/file-formats.html
Pour ma part je privilégie le format PNG en cadrant au plus près de la taille d’affichage, je n’ai pas ainsi à faire de choix entre Jpeg ou PNG selon le type d’image (fond continu ou fort détail) ou les fonds transparents inclus (pratique pour les détourages)
Merci pour cet article. La compression des images dans un site est effectivement une chose importante. En supprimant toutes données inutiles d’une image (données méta enregistrées par Photoshop, telles que l’appareil photo, l’auteur, la localisation), on peut également gagner en poids. Pour cela, des sites en lignes proposent de le faire : https://tinyjpg.com/ ou https://www.jpeg.io/. La qualité d’image reste très correcte. Il existe également des plug-ins (payant pour la plupart) sous WordPress.
Bonjour la marmite,
j’ai quelques soucis avec mes compressions d’images. Elles apparaissent floues alors que les réglages des tailles (WordPress, thème) sont correct. J’ai tenté de copier/coller votre code dans mon functions.php (thème enfant), mais j’ai un message d’erreur sur ma console wordpress. Je pense que je ne sais pas intégrer un code… Je colle votre code (la totalité montrée dans votre exemple) à la ligne du précédent dans le fichier ??
J’ai testé plusieurs codes déjà, et toujours des erreurs surviennent…
Merci pour site, source de bonheur pour moi
Bonjour, vérifie que tu n’as pas de doublons d’ouverture ou fermeture des balises PHP :
Merci ! Il manquait la fermeture de balise. Je collais toujours le code APRÈS la fermeture… Moi et le code… Encore beaucoup à apprendre
Bonjour à tous,
Moi je préfère utiliser un logiciel comme PhotoFiltre 7 et gère la taille son DPI et changer le format si besoin (JPEG vers PNG par exemple)
Bonjour, merci pour cet article.
J’optimise mes images avant de les uploader (avec Affinity Photos pour ne pas le nommer). Savez-vous comment se cumule, ou non, les 2 compressions, celle en local, puis celle de WP ?
J’ai essayé de supprimer la compression de WP (réglage qualité 100) afin de ne pas cumuler 2 compressions et donc 2 phases destructives, mais le résultat est étonnant car sur certaines images de format 1200px, le format 1024px généré par WP peut être plus lourd !
Comment éviter cela, tout en évitant une nouvelle phase de compression ?
Ne faudrait-il pas alors utiliser un éditeur en local pour optimiser l’image originale, puis un plugin d’optimisation (type Imagify) qui va travailler sur les images de tailles inférieures générés par WP ?
Bonjour, tout dépend de ce que tu souhaites comme résultat. Tu peux aussi utiliser des plugins comme Imagify ou EWWW ou même Photoshop directement.
Bonjour, J’ai dû mal m’exprimer. J’utilise déjà Affinity Photo, qui est un équivalent de Photoshop, pour optimiser mes images avant upload. La question est savoir comment WordPress (ou un plugin type Imagify) va agir lors de l’upload. Va-t-il agit uniquement sur les images générées automatiquement par WordPress ? Y aura-t’il une compression supplémentaire, et donc destruction, supplémentaire sur l’image originale ? Est-ce une pure redondance inutile d’utiliser 2 étapes d’optimisation ?
Bonjour, tout dépend car il te dira parfois que tes images sont déjà optimisées. Il n’y a donc pas forcément de “double optimisation” et de destruction de qualité. Tu peux d’ailleurs créer une nouvelle image optimisée tout en gardant l’originale intacte avec ces plugins pour être sur de ne rien perdre.
J’ai copié votre code dans functions.php de mon thème enfant, super, à présent je n’ai plus accès à mon site. Un message d’erreur indique : Le site rencontre des difficultés techniques. Veuillez relever la boîte de messagerie du compte administrateur du site pour obtenir des instructions. Superbe astuce…
Bonjour, si tu supprimes le code ton site refonctionnera. Il manque je pense un “;” à la fin du code que tu as copié.
Tiens moi au courant.
Le taux choisi de compression (30%) est judicieux: les artefacts de compression sont peu ou pas visible et la compression, en terme de poids de l’image est impressionnante. C’est ce que j’utilise couramment.
Pour ce qui est d’Imagify c’est lent et particulièrement cher. Pour quelques images pourquoi pas mais sinon… C’est pourquoi je compresse mes images en dehors de wordpress avant de les uploader dans wordpress.