WordPress convertit automatiquement par lots les images téléchargées en WebP

Format WebPLa réduction de la taille des fichiers et l'augmentation des taux de compression de la qualité des images sont des outils importants pour l'accélération des sites web modernes. Pour améliorer encore l'efficacité, de nombreux utilisateurs voudront que les images soient téléchargées avec un formatconversion automatiqueau format WebP au lieu deTraitement manuel feuille par feuille.

Dans cet article, nous vous expliquons comment WordPress L'automatisation de ce processus dans votre site web comprend des solutions de plugin, des méthodes de code et des stratégies assistées par CDN pour vous aider à créer un système d'imagerie web performant et facile à maintenir.

Image[1]-WordPress convertit automatiquement par lots les images en méthode complète WebP

I. Pourquoi une conversion automatique en WebP ?

Le format WebP permet d'économiser 25%-34% en taille de fichier par rapport au format JPEG, et plus de 26% de moins que le format PNG. Conversion automatique dekilométrageInclus :

  • Augmenter la vitesse de chargement des pages pour améliorer l'expérience des utilisateurs et les taux de rétention
  • Réduire l'utilisation de la bande passante du serveur
  • Améliorer les performances de Core Web Vitals et les résultats en matière de référencement
  • Réduire les coûts de maintenance des images, éviter les doubles compressions et les remplacements manuels

La conversion automatisée est une configuration nécessaire, en particulier pour les blogs, les sites de commerce électronique et les sites d'information dont le contenu est fréquemment mis à jour et pour lesquels des images sont téléchargées.

Quelle est l'étendue de la prise en charge par défaut de WebP par WordPress ?

Depuis WordPress 5.8, le système prend en charge le téléchargement des éléments suivants .webp mais aucun mécanisme de conversion automatique n'est inclus par défaut. Cela signifie que les images JPEG ou PNG téléchargées existeront toujours dans leur format d'origine et que le système ne générera pas activement de copies WebP ou ne remplacera pas automatiquement les images d'affichage du front-end. Pour mettre en œuvre l'option "Télécharger et convertir"La logique de l'automatisation, qui nécessite encore l'aide de l'équipe de l'entreprise, n'est pas toujours respectée.plug-in (composant logiciel)peut-êtreDéveloppement sur mesure.

Image[2]-WordPress convertit automatiquement par lots les images en méthode complète WebP

Troisièmement, l'utilisation de plug-ins pour convertir automatiquement les images téléchargées en WebP (méthode recommandée).

C'est la méthode la plus recommandée et la plus simple. Vous trouverez ci-dessous une comparaison des caractéristiques et de l'utilisation de quelques-uns des principaux plugins.

1) ShortPixel Image Optimizer

ShortPixel est un plugin de compression d'image complet qui génère automatiquement une copie WebP d'une image téléchargée et donne la priorité au chargement du WebP si le navigateur le prend en charge. CDN et le support du lazy loading sont les outils de choix pour les sites à fort trafic.

Image[3]-WordPress convertit automatiquement par lots les images en méthode complète WebP

2. l'optimiseur d'images EWWW

Ce plugin ne nécessite pas d'API, prend en charge le traitement des images sur un serveur local et fournit une compression automatique et une génération WebP. Les avantages comprennent la compatibilité avec WP-CLI, le traitement par lots des images historiques et la personnalisation des niveaux de compression et des stratégies pour les utilisateurs techniques.

Image[4]-WordPress convertit automatiquement par lots les images en méthode complète WebP

3. imaginer

laisser (à qqn) WP Rocket Développé par l'équipe, interface conviviale, support "Télécharger et convertir"et fonctionne avec les remplacements WebP. Pour les utilisateurs dont les plugins de mise en cache et de performance sont activés, il intègre mieux la logique de chargement des ressources.

Image[5]-WordPress convertit automatiquement par lots les images en méthode complète WebP

IV. utilisation du code personnalisé functions.php pour réaliser une conversion automatique (méthode avancée)

Les utilisateurs ayant quelques connaissances de base en développement peuvent utiliser les fonctions de la rubrique functions.php Ajoutez un crochet pour appeler automatiquement un outil côté serveur (tel que ImageMagick ou cwebp) afin de convertir une image téléchargée. Vous pouvez écouter wp_handle_upload et exécute la logique de traitement de la ligne de commande du serveur.

cette méthodeavantageest entièrement autonome.inconvénientsdépend de l'environnement du serveur, est compliqué à configurer et ne convient pas aux utilisateurs d'hébergement partagé.

V. Chargement automatique de WebP via CDN (approche sans code)

Si vous utilisez des services CDN tels que Cloudflare Pro, BunnyCDN, KeyCDN, etc., certaines plateformes peuvent convertir dynamiquement les images en WebP au niveau du nœud périphérique sans modifier les fichiers sources.

adéquationSites disposant de beaucoup de ressources statiques, d'un volume élevé de visiteurs et désireux de réduire le stress local.inconvénientsOui, vous devez payer pour des services CDN et la compatibilité avec certains navigateurs nationaux doit être gérée manuellement.

Image[6]-WordPress convertit automatiquement par lots les images en méthode complète WebP

Sixièmement, l'ancienne méthode de conversion par lots d'images en WebP

Les images existantes de la bibliothèque de médias ne sont pas converties automatiquement lorsque la conversion automatique est activée. Vous pouvez utiliser la fonction "optimisation des lots"La fonction résout ce problème.

Prenons l'exemple de ShortPixel :

  • Après avoir installé et activé le plugin ShortPixel, allez dans les paramètres du backend et cliquez sur "Media" > "Batch Optimisation".
Image [7]-WordPress convertit automatiquement par lots les images en méthode complète WebP
  • Le plugin scannera et traitera automatiquement toutes les images historiques, générant une copie au format WebP.
Image[8]-WordPress convertit automatiquement par lots les images en méthode complète WebP

Si vous utilisez EWWW, vous pouvez également optimiser par lots via la ligne de commande WP-CLI sans ouvrir l'interface du backend.

Paramètres de compatibilité de chargement WebP et recommandations d'optimisation

Étant donné que certains navigateurs plus anciens (par exemple les anciennes versions de Safari) ne prennent pas encore en charge WebP, il est recommandé d'activer l'option "Chargement conditionnel"ou"mécanisme de repli" pour que l'image originale s'affiche automatiquement lorsqu'elle n'est pas prise en charge.

Il peut également être associé aux moyens suivants pour améliorer l'expérience globale de chargement des images :

  • Activer le chargement paresseux (supporté par WordPress 5.5+ par défaut)
  • L'utilisation d'un plugin de mise en cache (tel que LiteSpeed Cache(WP Rocket)
Image[9]-WordPress convertit automatiquement par lots les images en méthode complète WebP
  • Combiné à un CDN pour accélérer le temps de réponse des images

résumés

La conversion automatique des images téléchargées en WebP est un élément important de l'optimisation des performances de WordPress. Avec des plugins, du code ou un CDN, vous avez la possibilité de choisir la solution qui convient le mieux à votre site. L'activation de l'automatisation WebP permet aux images de se charger plus rapidement et d'être plus compatibles, ce qui aide votre site à améliorer la vitesse d'accès et les performances des moteurs de recherche.


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
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.
© Déclaration de reproduction
Cet article a été rédigé par Zhong
LA FIN
Si vous l'aimez, soutenez-le.
félicitations509 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires