WordPress site web image conversion automatique WebP tutoriels complets

Dans le cadre de l'optimisation des performances d'un site web, les images sont souvent des "tueurs invisibles" qui ralentissent le chargement des pages. Pour les blogs, les portfolios ou les sites de commerce électronique comportant davantage d'images, vous pouvez utiliser la fonction WebP Format de compression d'image permettant de réduire la taille des pages.

Cet article vous apprendra à WordPress Conversion automatique des images au format WebP dans les sites webQue vous utilisiez un plugin ou non, vous pouvez trouver une solution pour votre site.

Qu'est-ce que WebP et quels sont ses avantages ?

WebP est un format d'image moderne introduit par Google.WebP est un outil puissant qui permet de compresser la taille de l'image de manière significative sans perte de qualité. WebP est plus petit et plus rapide que les formats JPEG ou PNG traditionnels et est largement pris en charge par les principaux navigateurs (par exemple Chrome, Edge, Firefox, Safari).

Les avantages de WebP sont les suivants

Taille de fichier inférieure à celle du JPEG 25%-35%
Prise en charge de la compression avec et sans perte
Prise en charge des arrière-plans transparents (similaires au PNG)
Améliorer la vitesse de chargement du site et le score PageSpeed
site web RÉFÉRENCEMENT amicalement

Méthode 1 : Conversion automatique en WebP à l'aide d'un plug-in (recommandé)

Pour les sites web contenant trop d'images, l'utilisation d'un plugin est la solution la plus efficace pour gagner du temps. Voici quelques-uns des plugins WordPress les plus populaires qui prennent en charge la conversion automatique des images téléchargées au format WebP.

1. Optimiseur d'images EWWW

Optimisation automatique des images et génération de versions WebP
Prise en charge de l'accélération CDN (en option)
Il n'est pas nécessaire de modifier l'adresse du lien de l'image

Étapes de l'installation :

Installez et activez le plugin
Allez dans le backend : Paramètres > EWWW Image Optimizer
Cochez l'option "Image WebP".

ouvre .htaccess Prise en charge de la commutation automatique de WebP
Possibilité d'optimiser les images existantes par lots

Idéal pour : les sites de petite et moyenne taille qui mettent l'accent sur le traitement automatisé et la compatibilité.

2. Imaginez

laisser (à qqn) WP Rocket L'équipe s'est développée pour assurer la compatibilité
Version gratuite 20MB par mois, adaptée aux sites web légers
Prise en charge de la compression automatique et de la conversion WebP

Utilisation :

Installer le plugin et créer un compte
Allez dans Paramètres et activez l'option WebP
Activer "Montrer la version WebP aux navigateurs compatibles"
Optimisation par lots d'anciennes images

Idéal pour : les utilisateurs recherchant des taux de compression élevés et des opérations automatisées.

Méthode 2 : Utiliser un CDN pour automatiser le traitement WebP (par exemple Cloudflare)

Si votre site a activé la fonction CDN(Content Delivery Networks), certains CDN proposent une conversion WebP automatique sans avoir besoin d'un plugin WordPress natif.

Prenons l'exemple de Cloudflare :

commencer à utiliser Optimisation de l'image polonaise(régime payant)

Cochez la case "WebP
Tous les navigateurs compatibles WebP chargent automatiquement les images au format WebP lorsque vous visitez le site.

Pour :

Cela ne prend pas de ressources d'hébergement
Le traitement de l'image est laissé au serveur périphérique
Réduction de la charge du serveur

Méthode 3 : Script local + .htaccess Règles de réécriture (pas de programme plug-in)

Pour les utilisateurs qui ne souhaitent pas s'appuyer sur le plugin, vous pouvez utiliser des scripts de serveur combinés aux règles de réécriture d'Apache/Nginx pour convertir automatiquement les images téléchargées en format WebP.

Processus de base :

Installation sur le serveur à l'aide de la commande cwebp Outils (avec l'aimable autorisation de Google)
- Commandes pour les systèmes Ubuntusudo apt update sudo apt install webp

Ecrivez un script shell qui téléchargera le dossier avec l'extension .jpg/.png Conversion par lots d'images en .webp
existent .htaccess Ajouter un jugement conditionnel au

<code>RewriteCond %{HTTP_ACCEPT} image/webp<br>RewriteCond %{REQUEST_FILENAME} (. *)\. (jpe?g|png)$<br>RewriteCond %{REQUEST_FILENAME}.webp -f<br>RewriteRule (. +)\. (jpe?g|png)$ $1.webp [T=image/webp,E=webp,L]<br></code>

L'adresse de l'image reste la même et le système charge le WebP de manière intelligente.

Mises en garde :

Pour les utilisateurs ayant des privilèges d'hébergement VPS ou cloud
Attention, nous recommandons de déployer d'abord sur un site de test !

Comment la compatibilité des images WebP et le mécanisme de repli sont-ils gérés ?

Aujourd'hui, les principaux navigateurs prennent en charge WebP, mais certains appareils anciens peuvent ne pas être compatibles. C'est pourquoi :

Le plugin revient automatiquement à l'affichage de l'image originale (par exemple JPEG).
Utilisez la balise image + source pour spécifier manuellement le format WebP et les formats alternatifs.
Les fournisseurs de CDN déterminent également automatiquement s'il faut pousser le WebP en fonction de l'appareil qui y accède.

Exemple de code :

<code><br><br> <br> <img src="image.jpg" alt="texte de description"><br><br></code>

Quelle est la meilleure solution pour vous ?

programme	personne recommandée	problème	performance
Plug-ins (par exemple EWWW)	La plupart des sites	★☆☆☆☆	★★★★☆
Conversion automatique des CDN	Sites utilisant un CDN	★☆☆☆☆	★★★★★
Scripts locaux + htaccess	Premium / VPS	★★★★☆	★★★★★

Si vous êtes un webmestre ou un blogueur régulier, l'utilisation du plugin avec WebP activé effectuera la plupart des tâches d'optimisation.

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.