WordPress Afin d'augmenter la vitesse de chargement des pages, le téléchargement dephotographieLa compression est automatiquement appliquée lorsque l'image est compressée. Bien que ce mécanisme soit utile pour améliorer les performances, dans l'affichage des images haute définition, apparaissent souvent des détails flous ou manquants du problème. Dans cet article, nous allons partir du principe, pour fournir un ensemble complet de réglages afin de résoudre le problème de flou de l'image compressée automatiquement par WordPress.

Analyse du mécanisme de compression des images par défaut de WordPress

à partir de WordPress 4.5, le système définira automatiquement le paramètre JPEG Les images sont compressées à une qualité d'environ 82%. Ce processus est exécuté automatiquement lorsqu'une image est téléchargée et a pour but de réduire la taille de l'image. Toutefois, pour les pages riches en détails et nécessitant un niveau élevé de clarté, cette compression peut entra?ner une dégradation visuelle.

Après avoir téléchargé une image, WordPress génère automatiquement plusieurs tailles de vignettes telles que Thumbnail (vignette), Medium (moyenne), Large (grande), etc.

Deux fa?ons de désactiver la compression par défaut de WordPress

Méthode 1 : Ajouter du code pour désactiver la compression

Cela peut être fait avec le code suivant dans la page d'accueil du thème functions.php Désactive la gestion de la compression par défaut dans le fichier :

add_filter('jpeg_quality', function($arg){ return 100 ; }) ;

Ce code définit la qualité de compression de l'image à 100%, ce qui signifie que la qualité de l'image originale est préservée. Si vous utilisez un thème enfant, il est recommandé d'ajouter ce code au fichiersous-thèmeafin d'éviter une expiration lors de la mise à jour du thème.

Méthode 2 : Contr?le à l'aide de plug-ins

Si vous n'êtes pas familier avec le code, vous pouvez compléter la configuration à l'aide d'un plugin, par exemple :

• Désactiver la compression JPEGLe traitement de compression par défaut peut être désactivé directement.
• Qualité de l'image redimensionnée par WPPermet d'ajuster manuellement le niveau de compression des images générées par le système.
• ShortPixel / SmushLa fonction d'optimisation de la taille de l'image permet également de régler la netteté de l'image.

Troisièmement, la solution au problème des vignettes floues

En plus de la compression de l'image originale, les vignettes générées par WordPress peuvent également être floues, en particulier lorsque vous utilisez les options "Taille moyenne" ou "Vignettes" sur une page.

1) Désactiver la génération automatique de la taille des vignettes

Dans Paramètres d'arrière-plan → Médias, réglez les paramètres par défaut "Taille de la vignette", "Taille moyenne" et "Grande taille" sur 0. Cela empêchera le système de générer automatiquement des images de ces tailles.

2. sélectionner la taille réelle lors de l'insertion d'images

Lors de l'édition d'un article ou d'une page, vous devez sélectionner "Pleine taille" pour insérer des images afin d'éviter que le système ne sélectionne des images de petite taille qui ont été compressées pour l'affichage.

3) Utilisation de plug-ins pour contr?ler la logique de génération des vignettes

Recommandé Régénérer les vignettes Plugins qui personnalisent les règles de génération afin de rendre les images plus pertinentes pour les besoins de la page et de maintenir la qualité de l'image.

Quatrièmement, pour faire face au problème de flou de l'image sur les écrans haute définition

Pour les écrans Retina et les appareils à haut DPI, les images à résolution normale para?tront floues. Pour résoudre ce type de problème, vous pouvez vous référer aux méthodes suivantes :

Télécharger des images en haute résolution

Il est recommandé de télécharger une image dont la résolution est au moins deux fois supérieure à la taille de l'écran. Par exemple, si la zone d'affichage est de 600 px, le téléchargement d'une image de 1200 px ou plus vous permettra d'obtenir un meilleur affichage sur les appareils HD.

Utilisation de plug-ins prenant en charge les images haute définition

par exemple WP Retina 2x Plugin qui génère automatiquement des fichiers d'images avec des résolutions multiples, adaptées à différents appareils. Le plugin détecte automatiquement le type d'appareil et fournit la version appropriée de l'image.

V. Recommandations pour l'utilisation des images dans l'éditeur

• Utiliser des outils professionnels (par exemple Photoshop, Photopea) pour redimensionner et compresser les images avant de les télécharger ;
• Choisissez la "taille réelle" lorsque vous insérez des images et évitez d'utiliser des vignettes ;
• évitez d'utiliser des graphiques de petite taille dans des tailles plus grandes ;
• Choisissez un taux de compression plus faible pour les images à fort contraste et évitez le recadrage automatique du système.

résumés

WordPress est pratique pour le gestionnaire de contenu moyen, mais peut créer des problèmes de flou dans les scénarios exigeant une qualité d'image élevée. L'ajustement des paramètres de compression, la désactivation de la compression du système, le téléchargement d'images à haute résolution et l'utilisation judicieuse des plug-ins et des tailles d'image sont quelques-unes des solutions au problème de l'image floue.image floueUn moyen efficace de résoudre le problème. En fonction des besoins du site, choix flexible du schéma de compression et des méthodes de traitement de l'image, afin d'obtenir une présentation visuelle plus claire.

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.