Tutoriel Nanny super détaillé : Apprenez à convertir des images WebP dans WordPress et accélérez votre site web.

Souvent, nous trouvons Le site WordPress s'ouvre lentementCela s'explique souvent par le fait que les pages web de l'applicationTrop de photoset chaque image de laLes fichiers sont très volumineux.Plus le serveur.Largeur de bande limitéeLa combinaison de ces facteurs fait que le chargement de la page est trop long.

C'est pourquoi.Images optimiséesIl devient l'un des principaux moyens d'améliorer la vitesse de votre site web.En réduisant la taille des images, vous pouvez non seulement accélérer le chargement des pages web, mais aussi améliorer l'expérience globale de l'utilisateur et les performances en matière de référencement..Dans cet article, je vais vous expliquer pas à pas comment mettre en œuvre la conversion d'images WebP dans WordPress.Il s'agit d'un format d'image moderne qui permet de réduire considérablement la taille des fichiers tout en maintenant la qualité, ce qui vous aide à améliorer efficacement les performances de votre site web.

conditions préalables

• Vous pouvez visiter le backend de WordPress et installer le plugin.
• Le site a permis l'accès à la médiathèque pour garantir que les images puissent être téléchargées et gérées.

Introduction au processus

Mise en place d'un organigramme au format Webp dans WordPress

Comment mettre en œuvre la conversion d'images WebP dans WordPress

Pour mettre en œuvre la conversion d'images WebP dans WordPress, vous pouvez soit utiliser un plugin pour convertir automatiquement le format d'image, soit le faire manuellement. Voici les étapes détaillées des deux méthodes :

Méthode 1 : Conversion manuelle au format WebP

Cette approche est plusplus simpleLa version la plus récente du produit est celle qui convient aux personnes qui ont besoin deContrôle précis de la qualité de l'imageOu simplementConvertir un petit nombre d'imagesLa situation. Cette méthode nécessite des connaissances en matière de manipulation d'images.

Utilisation d'outils en ligne peut-être Logiciel d'édition de photos pour la conversion

Outils en ligne

|

Logiciel de retouche photo

Utilisation d'outils en ligne : :

• spectacle (un billet) SquooshIl s'agit d'un outil en ligne gratuit fourni par Google pour convertir rapidement des images au format JPEG ou PNG en WebP, comme le montre la figure 1.1.
• Télécharger une imageCliquez sur la page "Télécharger une image"pour sélectionner l'image à convertir.
• Réglage des paramètres de compression: Dans le menu de droite, sélectionnez "Compresser"dans la première. Après avoir sélectionné le format WebP, vous pouvez ajuster la qualité, le taux de compression et d'autres paramètres selon vos besoins. (Comme illustré à la Figure 1.2 , Figure 1.3)
• Télécharger les images convertiesLorsque le réglage est terminé, cliquez sur "téléchargement"pour enregistrer l'image WebP sur votre ordinateur.

Figure 1.1 Outil en ligne Squoosh

Figure 1.2 Écran de sélection Squoosh

remplir

utiliser Photoshop peut-être GIMP effectuer une conversion(Ce tutoriel utilise GIMP comme exemple, parce que GIMP est facile à utiliser et gratuit).

Introduction supplémentaire :

• PhotoshopAprès avoir installé le plugin WebP, vous pouvez y accéder dans Photoshop via l'option "enregistrer sous (un fichier)L'option " enregistre l'image au format WebP.
• GIMPGIMP : GIMP est un logiciel de traitement d'images libre et gratuit qui permet d'exporter des images directement au format WebP. Après avoir ouvert l'image, sélectionnez "Fichier > Exporter sous", puis sélectionnez le format WebP.

GIMP dispose d'unSauvegarder les fonctions intégrées de WebpSi vous voulez enregistrer une image, le GIMP est un peu étrange en ce sens que si vous essayez d'enregistrer une image, le GIMP ne vous permet de l'enregistrer qu'en tant que fichier XCF. Si vous voulez l'enregistrer sous un autre type de fichier (tel que WebP, JPG ou PNG), la commandeIl doit être exporté.

Sep1 : Téléchargez vos images dans GIMP.

Sep2Dans la barre de menu ci-dessus, sélectionnez " Fichier ", puis sélectionnez " EXport As ... "

Sep3Changez le nom en "xxx.webp", (par exemple, si le nom de votre fichier est "xxx.webp", changez le nom en "xxx.webp").guangzi.png" à "guangzi.webp"), et cliquez sur "Exportation".

Sep4Pour exporter une image au format WebP : Suivez les instructions pour sélectionner le format vers lequel vous voulez exporter. Avant que GIMP n'exporte une image au format WebP, vous verrez une fenêtre pop-up vous demandant quelle qualité vous voulez conserver dans la nouvelle image. Si vous ne voulez pas perdre de qualité, cochez "Sans perte (Loss)"Si cela ne vous préoccupe pas, réglez le curseur en fonction de vos besoins.

frappe (sur le clavier)“Exportation“

Téléchargement et remplacement d'images

1. Téléchargement d'images WebP
   • Connectez-vous au backend de WordPress et allez dans "médiathèque"Cliquez sur "Ajouter un nouveau média"pour télécharger l'image WebP qui vient d'être convertie.
2. Remplacer les liens images existants
   • Modifiez un message ou une page pour remplacer manuellement un lien d'image existant par une image WebP téléchargée. Vous pouvez le faire via l'option "Insérer un médiaLa fonction "WebP" sélectionne une nouvelle image WebP pour remplacer l'originale.