Taille de lamp;rsquoimage. Woocommerce ajoute également trois tailles damp;rsquoimage supplémentaires. Ajouter supprimer une taille d’image sur le site WordPress, il est préférable de régénérer l’image à partir de l’image originale. Cela peut se faire au moyen damp;rsquoun plug in, mais je recommande damp;rsquoutiliser le WP CLI. Bien sûr, lorsque ajoutez une image à une page, un message ou quelque chose comme ça, assurez de choisir la taille damp;rsquoimage la plus appropriée. Il est probable que namp;rsquoavez pas besoin damp;rsquoinsérer lamp;rsquoimage originale, mais plutôt une image grande ou moyenne.
Sélectionnez la taille maximale correcte de lamp;rsquoimage
Les caméras modernes peuvent prendre des photos à très haute résolution. Ceux ci sont beaux sur votre téléphone ou votre moniteur haute résolution, mais ils ne sont pas si utiles sur votre site Web. Camp;rsquoest pourquoi devez définir la largeur hauteur maximale de lamp;rsquoimage du site. Peu de sites Web ont besoin damp;rsquoimages plus grandes que HD Full HD ou 1920 x 1080 pixels. Les images HD complètes peuvent être alignées horizontalement et verticalement, il est donc préférable de régler la largeur hauteur maximale à 1920 x 1920 pixels.
Alors, quamp;rsquoest ce que tu fais? Lamp;rsquoutilisation de SSH est aussi simple quamp;rsquoavant. Connectez au serveur, allez dans le répertoire principal du site et tapez ce qui suit. Trouver Nom « * ». Jpg
Ce plugin.
Bien sûr, votre thème WordPress devrait être réactif, avec l’attribut HTML srcset. En répondant au sujet, des images de différentes tailles sont affichées aux visiteurs du site, selon la taille de lamp;rsquoécran. Optimiser toutes les images Passons maintenant à la partie amusante! Optimiser efficacement lamp;rsquoimage du site. Premièrement, oui, devriez toujours optimiser toutes vos images. Le niveau de compression par défaut de wordpress pour les images JPG est de 85%, mais il ne peut pas optimiser suffisamment les images. Tu dois le faire toi même.
Il y a beaucoup de façons différentes damp;rsquooptimiser lamp;rsquoimage et nous pouvons écrire un article à ce sujet, donc je me concentre uniquement sur les paramètres que je recommande. namp;rsquoêtes pas damp;rsquoaccord, laissez un commentaire ci dessous. Pour les images JPG, je recommande une compression progressive. Grâce à la compression progressive, les images sont affichées plus rapidement et chargées de faible qualité à haute qualité. Je recommande également de supprimer les métadonnées de lamp;rsquoimage pendant le processus damp;rsquooptimisation. Il existe deux méthodes principales de compression damp;rsquoimages JPG: la compression sans perte et la compression sans perte. La compression perdue tend à rendre lamp;rsquoimage plus petite, mais elle est plus agressive et a un impact significatif sur la qualité de lamp;rsquoimage.
Différents sites Web utilisent différentes méthodes de compression, en cas de doute, veuillez sélectionner compression sans perte. Comment compresser les images du site Tout d’abord, ne devriez pas utiliser le plugin wordpress pour compresser vos images. Il samp;rsquoagit là damp;rsquoune mauvaise pratique, dont je reviendrai plus loin dans cet article. possible, les images doivent toujours être compressées avant damp;rsquoêtre téléchargées sur le site Web. La plupart des logiciels damp;rsquoédition damp;rsquoimages damp;rsquoaujourdamp;rsquohui, tels que gimp et Photoshop, incluent la possibilité damp;rsquoenregistrer des images au niveau com
Aujourdamp;rsquohui En utilisant lamp;rsquoancienne technologie de chargement lent, JavaScript est utilisé pour charger lentement les images. Malheureusement, cela augmente le nombre de scripts sur le site, mais il samp;rsquoapplique à presque tous les navigateurs Web modernes. Il existe un bon plug in pour ce faire, simplement appelé chargement différé. Installer activer et fonctionner correctement. En utilisant la nouvelle technique de chargement différé, la nouvelle propriété Loading = lazy est ajoutée à toutes les images du site. Cette propriété namp;rsquoest actuellement prise en charge que par Google Chrome, mais elle pourrait être prise en charge par damp;rsquoautres navigateurs Web à lamp;rsquoavenir. Google a un plug in similaire appelé Native lazylioad. WP CLI L’interface en ligne de commande WP CLI de WordPress offre une variété de fonctionnalités d’image intéressantes. Par défaut, contient
Lamp;rsquoun samp;rsquoappelle le polonais. Il optimise automatiquement lamp;rsquoimage damp;rsquoun site Web en utilisant une compression sans perte ou sans perte. Il fournit également le format damp;rsquoimage webp le plus moderne et le plus rapide pour les visiteurs qui ont des navigateurs Web qui le supportent. Cloudflare image Dynamic Adjustment cloudflare a lamp;rsquoune des fonctions damp;rsquoimage les plus intéressantes que nous ayons jamais vues: redimensionner dynamiquement lamp;rsquoimage au bord de cloudflare. Cela signifie que les sites qui exécutent cloudflare peuvent fournir une image à cloudflare, quamp;rsquoils ajusteront, compresseront et mettront en cache sur le réseau. Pour les images normales, ne pas utiliser lamp;rsquoattribut srcset namp;rsquoa pas beaucoup damp;rsquoeffet, mais camp;rsquoest une fonctionnalité intéressante et limite le nombre de tailles différentes qui doivent être stockées sur le serveur. Cependant, en combinaison avec srcset, cette fonction est magique. Lorsque utilisez le redimensionnement damp;rsquoimage avec srcset, pouvez faire lamp;rsquoune des choses suivantes: chaque fois que fournissez la bonne taille damp;rsquoimage pour le viewport de lamp;rsquoutilisateur. Arrête de prendre de grandes photos. Il fournit une compression plus élevée sur les petites images vignettes qui ont moins damp;rsquoimportance pour les détails, et une compression plus faible sur les grandes images. Avec cloudflare image resize pouvez utiliser cette fonctionnalité avec mon image wordcamp Nordic. Certains paramètres sont définis dans lamp;rsquoURL pour utiliser cloudflare image resize. Ici, nous définissons la largeur maximale à 2000px et la qualité à 1. Ajustez les paramètres de lamp;rsquoURL pour voir lamp;rsquoeffet immédiatement. Bien sûr, cloudflare a beaucoup plus à offrir. Namp;rsquohésitez pas à lire plus damp; sur lamp;rsquohébergement cloudflare que nous offrons sur servebolt. C’est presque tout le contenu de la Conférence WordPress à Stockholm, en Suède. Le discours a été diffusé en direct
Comment optimiser des images plus rapides dans WordPress
