Comment empêcher WordPress de générer des tailles d'image

Lorsque vous téléchargez une image sur WordPress, trois tailles d'image sont générées par défaut (taille de vignette, taille moyenne et grande taille). Cependant, il peut arriver que vous souhaitiez utiliser des tailles d'image WordPress personnalisées, soit à des fins de conception, soit pour gérer les performances de votre site.

Bien que la compression automatique des images par WordPress soit censée être une commodité, elle peut finir par créer trop de fichiers qui occupent un espace de stockage inutile et entraîner des sauvegardes trop volumineuses. Heureusement, il existe des mesures que vous pouvez prendre pour éviter que cela ne se produise.

Dans cet article, nous répondrons à la question : "Pourquoi WordPress redimensionne-t-il mes images ?" Nous expliquerons pourquoi vous voudrez peut-être empêcher WordPress de générer plusieurs tailles d'image WordPress et vous montrerons comment procéder. Commençons!

Pourquoi WordPress génère plusieurs tailles d'image

En termes simples, WordPress redimensionne automatiquement les images pour vous aider à économiser de la bande passante et vous éviter d'avoir à redimensionner manuellement les images. Par exemple, la taille de l'image que vous utiliseriez pour une vignette de publication est très différente de celle que vous utiliseriez pour un curseur d'image sur votre page d'accueil. En générant des tailles d'image supplémentaires, WordPress vous permet de sélectionner plus facilement l'option la plus appropriée pour chaque cas d'utilisation.

Quelles sont les tailles d'image standard pour WordPress ?

Chaque fois que vous téléchargez une image sur WordPress, trois nouvelles versions sont créées, vous donnant quatre tailles totales. Les tailles d'image par défaut sont :

• Taille de la vignette – 150 x 150 pixels
• Taille moyenne – 300 x 300 pixels (maximum)
• Grande taille – 1024 x 1024 pixels (maximum)
• Pleine taille – Taille de l'image d'origine

Les tailles d'image WordPress sont hiérarchisées de cette manière pour simplifier la conception Web. Vous n'avez pas besoin de redimensionner manuellement une photo ou un graphique pour l'utiliser comme, par exemple, une image vedette - la taille d'image correcte existe déjà dans WordPress.

Quand empêcher WordPress de générer différentes tailles d'image

En plus des différentes tailles d'image générées par WordPress, votre thème peut également créer des copies ou des tailles d'image supplémentaires, comme pour un diaporama de page d'accueil ou des publications en vedette. Cette redondance peut présenter des problèmes, tels que la prolongation de vos sauvegardes ou le chargement plus lent de vos pages.

Pour cette raison, il est parfois avantageux d'empêcher WordPress de générer différentes tailles d'image. Si vous cherchez à économiser de l'espace, si vous avez un site Web riche en images, comme un site immobilier ou de photographie, ou si vous n'utilisez tout simplement pas toutes les différentes tailles d'image en cours de création, vous pouvez ajouter du volume supplémentaire à votre site. sans raison.

Comment empêcher WordPress de générer des copies d'images de différentes tailles

Maintenant que vous comprenez pourquoi WordPress génère plusieurs tailles d'image et pourquoi il est logique de l'empêcher de le faire, il est temps de se mettre au travail. Voyons comment empêcher WordPress de générer différentes tailles d'image en six étapes simples.

Étape 1 : connectez votre site à un client FTP (pour déterminer le nombre de copies d'images effectuées)

La première étape consiste à déterminer combien de copies WordPress génère lorsque vous téléchargez une image. Vous pouvez le faire en vous connectant à votre site via un client FTP (FileTransfer Protocol) ou le gestionnaire de fichiers de votre cPanel.

Comme nous l'avons mentionné précédemment, WordPress génère trois copies par défaut. Cependant, votre thème peut également créer son propre ensemble de tailles d'image pour les curseurs, etc. Il est donc important de savoir exactement quelles copies sont générées.

Étape 2 : Téléchargez une image sur votre site

Ensuite, téléchargez une image sur votre site depuis la zone d'administration de votre tableau de bord WordPress et ouvrez la médiathèque ( Média > Ajouter un nouveau ).

Cliquez sur Sélectionner des fichiers , puis choisissez le fichier image à télécharger.

Étape 3 : accédez au répertoire de téléchargement de votre site

Dans votre gestionnaire de fichiers ou votre client FTP, accédez au répertoire "upload" de votre site. Celui-ci sera situé dans le dossier wp-contents . Vous y trouverez toutes les copies de vos images existantes, qui sont organisées par date :

Au minimum, vous devriez retrouver les trois tailles d'images générées par WordPress. S'il y en a plus de trois, ce sont probablement les copies créées par votre thème WordPress (dans notre exemple ci-dessus, il y a cinq copies au total).

Étape 4 : Définissez les tailles d'image sur zéro

Ensuite, accédez à Paramètres> Médias dans votre tableau de bord d'administration WordPress.

Vous y trouverez les paramètres d'image par défaut :

Modifiez chacune des valeurs des tailles d'image à 0 (en supposant qu'elles sont toutes celles que vous n'utiliserez pas). Sélectionnez le bouton Enregistrer les modifications en bas de la page lorsque vous avez terminé.

Étape 5 : Ouvrez le fichier functions.php de votre thème WordPress

Vous avez maintenant empêché WordPress de générer plusieurs copies des images existantes que vous téléchargez. Cependant, vous devrez peut-être également empêcher votre thème de faire la même chose.

Pour ce faire, accédez au fichier functions.php de votre thème WordPress.

Vous le trouverez dans le dossier /wp-contents/themes/ du répertoire de votre site Web.

Étape 6 : Supprimer le code de taille d'image par défaut

Une fois dans le fichier functions.php , recherchez les lignes de code similaires à celle-ci :

add_image_size( 'homepage-thumb', 200, 160, true );

Selon le thème que vous utilisez, il peut y avoir plusieurs versions de cette ligne. Vous voudrez également rechercher ceux qui disent "set_thumbnail_post_size". Supprimez ces lignes, puis enregistrez vos modifications.

Comment empêcher WordPress de compresser des images

En plus d'empêcher WordPress et votre thème de générer plusieurs tailles d'images, vous pouvez également les empêcher de compresser les images. Bien que la compression vise à améliorer les performances sans réduire la qualité, ce n'est pas toujours le cas.

Dans cet esprit, voici comment empêcher WordPress de compresser et de recadrer les images en trois étapes simples.

Étape 1 : Ouvrez le fichier functions.php

Si vous souhaitez désactiver la compression d'image WordPress, la première étape consiste à localiser et à ouvrir le fichier functions.php de votre thème. Encore une fois, vous pouvez le faire en vous connectant à votre site via un client FTP ou en accédant au gestionnaire de fichiers de votre cPanel.

Étape 2 : modifiez la valeur de retour à 100

Après avoir localisé et ouvert le fichier functions.php dans votre répertoire de thème, ajoutez simplement la ligne de code suivante :

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

Vous pouvez également modifier la valeur "retour" pour qu'elle soit inférieure à 100 si vous préférez.

Étape 3 : Enregistrez vos modifications

Une fois que vous avez terminé, enregistrez vos modifications. Désormais, WordPress cessera de compresser automatiquement les images et conservera à la place leur qualité d'origine. Notez que pour voir l'effet se produire, vous devrez régénérer vos vignettes.

Comment optimiser les images WordPress

L'optimisation des images pour le Web implique de réduire la taille globale du fichier sans réduire la qualité de l'image. Le but ultime est un site qui se charge plus rapidement ; un site Web rapide améliore le référencement et attire les visiteurs.

La meilleure façon d'optimiser les images pour WordPress est de faire des ajustements avant de les télécharger. Ce processus se produit généralement dans les paramètres d' enregistrement ou d'exportation de votre éditeur d'images (comme Adobe Photoshop ou GIMP). Voici une liste de contrôle étape par étape à suivre :

Étape 1 : Réduire les dimensions de l'image

Si votre image fait 2000 x 2000 pixels ou plus, il vaut la peine de réduire les dimensions avant de la télécharger sur WordPress. Sauf dans de rares cas, une photo sur votre site n'a pas besoin d'être aussi grande. Les dimensions finales dépendront de votre utilisation de l'image, mais réduire la hauteur et la largeur à au moins 1200px est un bon début.

Étape 2 : Sélectionnez le format d'image

Étant donné que les fichiers de petite taille sont idéaux, le choix du format est crucial. Lors de l'enregistrement de votre image, évitez les fichiers TIFF de haute qualité, car la taille augmente considérablement.

Au lieu de cela, respectez les PNG pour les logos et les graphiques, et les JPEG pour les photos. Bien que les JPEG réduisent légèrement la qualité de l'image, le résultat est imperceptible sur le Web et votre image se chargera plus rapidement.

Étape 3 : Choisissez le montant de la compression

Les capacités de compression d'image varient selon le logiciel. Mais la plupart du temps, vous recherchez une liste déroulante ou un curseur intitulé Qualité d'image ou Compression . Vous le verrez généralement lors de l'enregistrement de votre photo.

La compression réduit la taille d'un fichier sans sacrifier la qualité. Plus la compression est importante, plus le fichier est petit. Le choix d'un nombre inférieur pour la qualité remplit la même fonction. 150 Ko ou moins est un objectif final sûr pour l'optimisation des images.

Plugins d'optimisation d'image

Alternativement, vous pouvez utiliser un plugin WordPress pour optimiser vos images lors du téléchargement. Des options telles que Smush ou EWWW Image Optimizer vous permettent de contrôler facilement la taille des images.

Gardez votre site optimisé avec WP Engine

Par défaut, WordPress génère automatiquement plusieurs tailles d'image pendant le processus de téléchargement. Cependant, lorsque vous utilisez un thème ou des plugins qui créent également des copies de vos images, cela peut entraîner des sauvegardes inutilement volumineuses et moins d'espace disque. Heureusement, vous pouvez empêcher WordPress de le faire en définissant les tailles d'image par défaut sur zéro dans vos paramètres multimédias.

Bien sûr, ce n'est qu'une des nombreuses façons d'optimiser votre site WordPress. Si vous cherchez à améliorer l'ensemble de l'expérience numérique, découvrez comment nos meilleurs plans d'hébergement peuvent vous aider à faire passer votre présence en ligne (et vos clients) au niveau supérieur !