Comment optimiser les images pour WordPress

Plus l’image que vous créez est petite. Cependant, ne vous laissez pas emporter et exagérer: pensez à la largeur de votre site et assurez – vous que votre image est plus petite. Si vous zoomez sur une nouvelle photo, son contenu peut ne pas être très visible.
Vous pouvez télécharger des images d’une largeur supérieure à la taille du site, qui les affichera sous forme de vignettes. Mais cela n’élimine pas le fait qu’il y a une grande image sur votre site, ce qui ralentit votre site. En redimensionneant, vous pouvez réduire la taille du fichier de plus de la moitié. Si l’image n’est pas redimensionnée avant le téléchargement, vous pouvez sélectionner une photo spécifique dans la médiathèque WordPress, sélectionner Édition et redimensionner. Couper l’image La différence entre le redimensionnement et le recadrage est que le redimensionnement conserve tous les éléments de l’image originale. D’autre part, le clip coupe certains bords de l’image originale.
Redimensionner les images signifie que certains de leurs éléments seront minuscules et presque invisibles à n’importe quelle taille d’écran. La coupure est utile, surtout si votre image est focalisée. Vous pouvez recadrer des Parties inutiles de l’image, réduire le fichier et rendre les éléments d’intérêt plus visibles. Compression d’image Après avoir redimensionné et recadré l’image, vous pouvez effectuer le plus d’opérations possible en compressant l’image. Vous pouvez compresser une image JPEG pendant un processus appelé compression Lossy. Au cours de ce processus, vous perdrez des données d’image originales pour créer des fichiers d’image plus petits.
Ici, vous devez choisir entre la taille et la qualité de l’image. La réduction de la taille est l’objectif ultime, mais au détriment de la qualité. Par conséquent, vous devriez réduire la taille autant que possible sans affecter la fonctionnalité de l’image. Cependant,
La qualité de l’image compressée ne diminue pas beaucoup. Il suffit de vérifier le score de qualité et de décider si vous l’aimez ou non. Le processus de compression peut être effectué à l’aide des outils de compression d’image disponibles en ligne. Tinypng est le seul outil de compression d’image avec plus d’un milliard d’images PNG et JPEG optimisées. Il offre un moyen parfait d’optimiser les images avant de les télécharger sur un site Web.
Comment tinypng gère – t – il PNG? Pour les fichiers PNG, tinypng utilise une compression intelligente perdue pour réduire la taille du fichier. Bien que cela implique une réduction sélective de la couleur de l’image, elle est totalement imperceptible à l’oeil nu et la taille du fichier diminue fortement. L’image PNG normale non compressée contient une combinaison de couleurs 24 bits. Après compression avec tinypng, Convertissez – les en images couleur de 8 bits de plus en plus petites. Ce processus, également appelé quantification, implique également la suppression de toutes les métadonnées inutiles. Avec tinypng, vous pouvez réduire la taille du fichier de plus de 70% et rendre l’image complètement transparente.
Comment fonctionne – t – il avec les navigateurs modernes? Une autre particularité de tinypng est le support pour tous les navigateurs modernes. Malgré le refus d’Internet Explorer 6 de reconnaître la transparence de PNG, tinypng crée un fond transparent sur le navigateur. Si votre navigateur prend en charge l’animation PNG (chrome, Firefox et Safari), n’hésitez pas à l’essayer. Compression JPEG si vous voulez une compression JPEG, arrêtez de regarder. Tinypng a été créé à l’origine pour prendre en charge la compression intelligente des images JPEG et il fonctionne très bien. Si vous êtes frustré par la lenteur du chargement du site, utilisez tinypng avant de télécharger l’image sur le site et expérimentez une grande différence. Il permettra d’économiser de la bande passante et de compresser
Toutes les images JPEG et PNG.
Fournir des images à partir du CDN Les utilisateurs de serveurs éloignés de votre site Web peuvent éprouver des vitesses de chargement plus lentes. Pour résoudre ce problème, vous pouvez installer CDN. Le CDN permet aux visiteurs de se connecter via le serveur le plus proche. Une fois que vous avez une URL CDN, copiez – la dans le plug – in cache que vous utilisez. Remplacer l’URL de l’image pour inclure l’URL du CDN. De cette façon, vos images seront également mises à la disposition de vos visiteurs. Utilisez la même norme CDN. L’essence du chargement lent de WordPress est de charger tout le contenu de la page dès que vous la demandez. Comme les images sont chargées plus lentement que le texte, elles sont conçues pour ralentir le chargement des pages.
Le chargement lent garantit que les images sous l’interface Viewer ne sont pas chargées immédiatement après le chargement de la page. Au lieu de cela, l’image ci – dessus sera d’abord téléchargée; Ensuite, lorsque le visiteur fait défiler vers le haut le reste du contenu, le reste est chargé. De cette façon, la page peut être chargée rapidement même si elle contient des images. Certains plug – ins qui facilitent le chargement lent afficheront une version d’image de faible qualité jusqu’à ce que l’image réelle soit terminée. Mettre en cache vos images si vous voulez avoir un site Web rapide, vous devez essayer de mettre en cache le plug – in, si vous n’avez pas déjà essayé. La mise en cache du contenu du site et de la page nécessite la création de la même version pour être immédiatement disponible sur demande. Le plug – in Star cache vous permet de mettre en cache des images via le cache du navigateur, une alternative facile d’accès.
Lorsque vous téléchargez une image, spécifiez un nom approprié pour le fichier image, en vous assurant que
Je veux que tu dises leurs noms. Lorsque vous le faites, vous constaterez peut – être que votre plug – in ajoutera automatiquement un texte alternatif. C’est idéal parce que la meilleure façon de nommer une image est par une description simple. Ajouter trop de mots clés n’est pas bon pour vous. Les mots clés vous donnent un avantage dans le référencement. Cependant, lorsque votre image contient trop de contenu, vous risquez une pénalité de remplissage! Il n’est pas facile d’optimiser votre image pour la démonstration dans un fragment de code Google pour obtenir un fragment riche dans les résultats de recherche. Vous avez besoin de quelques mots clés pour fournir des réponses précises et concises aux utilisateurs. Créez une image qui décrit le mot – clé que vous adressez. Référence de qualité utilisateur pour le contenu spécifique afin de stimuler les clics. Si vous constatez que le mot – clé n’apparaît pas sur la première page, modifiez pour améliorer le contenu. De plus, l’utilisation de plug – ins de données structurés (schémas) augmente les chances d’obtenir des fragments riches. Utilisez l’image originale pour éviter d’utiliser l’image d’un autre site Web. Ils vous ralentissent parce qu’ils impliquent des demandes supplémentaires pour satisfaire le serveur du site où vous empruntez des photos. Voici nos instructions sur la façon d’optimiser les images pour WordPress. Comme nous l’avons mentionné précédemment, vous ne pouvez pas en sélectionner un et l’utiliser pour fonctionner dans l’espoir d’obtenir de bons résultats. L’optimisation de l’image implique un effort unifié de différentes stratégies. Assurez – vous de comprendre ces idées, de les appliquer et de vous préparer à surprendre non seulement vos visiteurs, mais aussi vous – même.