Empêcher l'auto-compression des images par WordPress, ce qui entraîne des images floues [Zero Basic Practical Tutorials].

De nombreux amis qui utilisent WordPress pour créer un site web rencontrent un problème : les images téléchargées sur le site web ne s'affichent pas clairement.
Il s'agit manifestement d'une image haute résolution qui semblait très claire avant le téléchargement, mais qui, une fois affichée, est floue, avec des bords irréguliers et des détails perdus. Cela est dû au fait que le système WordPress par défautImages compresséesLe format JPEG, en particulier, réduit automatiquement la qualité de l'image.

Cet article présente quelques moyens de conserver la clarté de l'image pour une page web plus esthétique et plus professionnelle.

I. Raisons de la compression par défaut de WordPress

À partir de WordPress 4.5, le système examinera les fichiers téléchargés. JPEG Les images sont compressées à une qualité de 82% afin de réduire la taille et d'augmenter la vitesse d'ouverture du site.

Si les intentions sont bonnes, les résultats le sont souvent :

• Flou de l'image
• Bords flous, distorsion des pixels
• Pire sur les appareils Retina HD

Méthode 1 : Désactiver la compression automatique avec le code (pour ceux qui ont un peu d'expérience)

Utilisez ce code simple pour désactiver le comportement de compression par défaut de WordPress.

Les étapes sont les suivantes :

• Se connecter aux coulisses

• Cliquez sur [Apparence] → [Éditeur de fichiers de thèmes]

• Rechercher et ouvrir functions.php papiers

• Ajoutez le code suivant en bas de page :

// Désactive la compression des images JPEG de WordPress
add_filter('jpeg_quality', function($arg){ return 100 ; }) ;

Ce code est destiné à ajuster la compression de WordPress à 100%, en préservant la qualité de l'image originale.

Une fois l'opération terminée, la nouvelle image téléchargée reste claire.

Il est recommandé de sauvegarder vos fichiers avant l'opération, au cas où.

Méthode 2 : Utiliser le plug-in Imsanity (recommandé pour la base zéro)

Les utilisateurs qui ne sont pas familiarisés avec le code peuvent également utiliser des plugins pour résoudre le problème. Voici une recommandation pour un plugin gratuit et facile à utiliser - le pluginImsanité

Que fait Imsanity ?

• Limiter automatiquement la taille maximale des images téléchargées
• Réglage du taux de compression par défaut
• Fournit une interface graphique pour faciliter le réglage des paramètres
• Évitez de télécharger des images surdimensionnées ou floues qui nuisent à l'efficacité du site.

Processus d'installation et de configuration :

1. l'accès au back-office

2) Cliquez sur [Plug-in] → [Installer le plug-in].

3. les termes de recherche :Imsanité

4. installer et activer les plug-ins

5. cliquez sur [Paramètres] → [Imsanity] pour configurer les éléments suivants :

• Largeur maximale : 1920
• Hauteur maximale : 1080
• Qualité de compression JPEG : 90 ou 100 (plus la valeur est élevée, plus la netteté est grande)

Après l'enregistrement, le plugin traitera automatiquement l'image lorsqu'elle sera téléchargée, en contrôlant la taille et la qualité afin d'éviter tout flou dû à une compression excessive.

Imsanity ne modifie pas les images déjà téléchargées, mais prend en charge le retraitement par lots des anciennes images.

Méthode III : Utilisation du format d'image WebP

WebP Il s'agit d'un format d'image moderne qui offre l'avantage d'une qualité claire et d'une taille légère, ce qui permet d'équilibrer la qualité de l'image et les performances.

WordPress 5.8 a commencé à prendre en charge le téléchargement direct d'images WebP.

Vous pouvez utiliser les outils ou plug-ins suivants pour convertir JPG, PNG en WebP :

• Outils en ligne : Squoosh, TinyPNG

• Recommandation de plugin :ShortPixelWebP Express

Le format WebP convient aux bannières, aux images de produits, aux couvertures d'articles, etc. Il est également compatible avec les navigateurs.

Cinquièmement, des recommandations supplémentaires : n'utilisez pas le recadrage automatique de WordPress pour afficher de grandes images.

WordPress génère automatiquement plusieurs tailles (vignette, moyenne, grande) après le téléchargement d'une image.

Si vous prenez la petite image automatiquement recadrée par le système et que vous l'utilisez comme grande image pour l'afficher, elle sera floue.

L'approche correcte est la suivante :

• Télécharger l'image originale en haute résolution et suffisamment grande
• Utiliser le HTML ou CSS pour définir la taille d'affichage]

• Évitez d'utiliser -300x300.jpg Une telle image compressée comme image principale

VI. résumé des paramètres recommandés

les méthodologies	difficulté de fonctionnement	Convient aux personnes
Code Désactiver la compression	moyen	Ceux qui ont une certaine expérience
Plugin Imsanity	plus simple	novice
Utilisation du format WebP	moyen	Pour ceux qui recherchent la qualité et la vitesse de chargement
Éviter d'utiliser les vignettes pour zoomer	plus simple	tout le monde

VII. Remarques finales

image floueL'origine du problème est la compression automatique de WordPress et le fait que les utilisateurs ne contrôlent pas la taille après le téléchargement.
En contrôlant la qualité de la source de téléchargement et en gérant la taille de l'image avec les bons outils, l'effet visuel de la page sera plus clair et plus professionnel.

Si vous êtes gêné par des photos floues, essayez les méthodes présentées dans cet article, qui résoudront certainement votre problème rapidement.

D'autres techniques d'optimisation de WordPress et de manipulation d'images seront partagées à l'avenir, restez à l'écoute !

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.