flou
![blurry](https://zakwelding.com/wp-content/uploads/2023/03/blurry.jpg)
flou
Les images sur WordPress sont floues, floues, comment y remédier ?
Sur les sites WordPress par défaut, il réduira automatiquement la taille de chaque image. Pour aider le Web à se charger plus rapidement sur mobile, car les images de la plupart des utilisateurs sont souvent trop grandes.
Pourquoi l’image est-elle floue ?
Parce que WordPress est un système qui change d’apparence. Selon l’appareil qui peut être ouvert ( réactif ) , lorsque nous téléchargeons une image sur le site Web, le système WordPress génère automatiquement des images en trois tailles, qui sont
- Taille de la vignette
- taille moyenne
- La taille est grande
Quelle taille configurer largeur x hauteur ( dimensions en pixels ) ne sont pas les mêmes selon la version de WordPress et le thème que l’on choisit d’utiliser également
Lire la suite : Qu’est-ce qu’une vignette ?
Affichez les dimensions par défaut en pixels sur le Web dans la section Paramètres > Médias.
![](https://padveewebschool.com/wp-content/uploads/2021/04/dimensions-in-pixels-Wordpress.jpg)
Lorsque WordPress lui-même a des dimensions par défaut en pixels. FAITES QUELQUES IMPRESSIONS La taille par défaut est plus petite que le format que nous avons conçu sur le Web. Cela rend nos photos pas si nettes.
Solution
correction correcte En fait, nous devons définir les dimensions en pixels avant de télécharger les images sur le Web. Par défaut, la plupart du contenu est défini pour être plus petit que celui réellement utilisé sur le bureau. Cela peut être dû au fait que WordPress donne la priorité au rendu mobile en premier.
Spécifiez les dimensions en pixels
Sur la base de divers tests Web, je vous suggère d’augmenter légèrement les dimensions des sections miniature et moyenne. Soyons plutôt comme cette image.
![Flou image wordpress](https://padveewebschool.com/wp-content/uploads/2021/04/adjust-image-size.jpg)
Corrigez les images floues avec le plugin Regenerate Thumbnails.
Qui a mis les images sur le web avant d’ajuster les dimensions du support comme dans l’image ci-dessus. Par conséquent, les anciennes images ne pourront pas changer de dimensions en conséquence . Nous devons utiliser le plugin Regenerate Thumbnails pour l’appliquer. Donner aux anciennes photos redimensionner l’image pour la rendre claire
Voici comment procéder :
Installez le plugin Regenerate Thumbnails .
![](https://padveewebschool.com/wp-content/uploads/2021/04/Regenerate-Thumbnails.jpg)
Allez ensuite dans Outils > Reconstruire les vignettes > Reconstruire les vignettes pour toutes les pièces jointes.
![](https://padveewebschool.com/wp-content/uploads/2021/04/Regenerate.jpg)
Cliquez simplement sur ce point . C’est tout pour résoudre les dimensions des photos sur notre site Web.
Mais pour recréer les vignettes, nous ne devons le faire qu’une seule fois, donc si nous avons terminé. Chaque image est claire. Je recommande de supprimer ce plugin.
Résoudre le problème des images au contenu flou et des petites images qui ne s’affichent pas en plein écran
Pour certaines personnes qui ont eu des problèmes Téléchargez une photo pour écrire un article. Et les images qui apparaissent sur le web sont petites. Même si l’image originale était géniale
Le problème à ce stade est causé par le rendu d’image par défaut sur le Web. WordPress affichera toujours l’image dans une taille moyenne, ce qui rendra l’image que nous mettons plus petite que d’habitude. ou l’image n’est pas claire
Solution
Chaque fois que nous téléchargeons une image dans un article avant d’appuyer sur « insérer » pour publier, nous devons toujours spécifier la taille de l’image en taille réelle. Voir la photo ci-dessous.
![](https://padveewebschool.com/wp-content/uploads/2021/04/full-size-image.jpg)
Ou si votre page Web est conçue avec Page Builder, lors de l’ajout de l’image de l’élément, recherchez l’option permettant d’ajuster la taille de l’image, choisissez toujours la taille d’origine ou la taille complète.
Solution
Il s’agit de fixer les dimensions en pixels comme suit
![Flou image wordpress](https://padveewebschool.com/wp-content/uploads/2021/04/adjust-image-size.jpg)
Utilisez ensuite le plug-in Regenerate Thumbnails pour créer un nouvel ensemble de vignettes en appuyant sur Regenerate Thumbnails pour l’image sélectionnée uniquement.
![](https://padveewebschool.com/wp-content/uploads/2021/04/Regenerate-cover.jpg)
L’image de couverture du produit n’est pas claire.
Pour les problèmes ultérieurs , si quelqu’un a des problèmes avec l’image de couverture du produit floue comme celle-ci
La cause du problème à ce stade est que la taille d’affichage par défaut de la vignette de l’image du produit est trop petite. Ajustons cette nouvelle valeur à une taille de 400 ou plus.
À ce stade, nous devons éditer dans Personnalisation> WooCommerce> Image du produit et le définir en fonction de l’image.
![](https://padveewebschool.com/wp-content/uploads/2021/04/product-image.jpg)
résumer
Les images de votre site WordPress sont granuleuses ou floues. À cause de WordPress par défaut, il espérait bien, il avait peur que l’image Web de tout le monde soit trop grande. Ainsi, il affiche les images au niveau intermédiaire, donc chaque fois que nous téléchargeons les images sur le Web. Assurez-vous toujours de sélectionner la taille réelle ou la taille originale.
Relations publiques
Pour ceux qui ont déjà lu cet article. Intéressé par la création d’une boutique en ligne utilisant WordPress + Woocommerce en tant que professionnel. Les 21 et 22 août 2021, j’ai ouvert le cours Woocommerce Expert à un petit groupe pour 1 cours en direct, 6 personnes par tour, afin que les apprenants puissent en tirer le meilleur parti. Apprendre et suivre en même temps.