Qu’est ce que le format d’image WebP ?

Qu’est ce que le format d’image WebP ?

Le format d’image WebP

WebP est un format d’image développé et mis à disposition du public par Google dans le but de remplacer les différents formats d’images standard : .jpg, jpeg, .png, .gif, .tiff, etc.

Quels sont les objectifs du format d’image WebP ?

L’objectif de la création de ce nouveau format d’image est de pouvoir conserver une bonne qualité d’image tout en réduisant son poids afin d’optimiser le temps de chargement des pages d’un site web.

Quels sont les avantages du format d’image WebP ?

Ce nouveau format d’image WebP prend en charge les images animées (.gif) et la transparence (.png). Il permet donc de rassembler les caractéristiques de plusieurs formats d’image en un seul.

Il diminue également le poids des images avec ou sans perte de qualité.

Le format WebP et WordPress

Le format WebP est pris en charge par WordPress depuis la version 5.8

Vous pouvez donc utiliser le format WebP de la même manière que les autres formats : JPEG, JPG, GIF, PNG. Il suffit de téléverser vos images dans la médiathèque et de les inclure dans votre contenu.

Attention quand même ! Votre serveur Web devra être compatible avec ce nouveau format. Renseignez-vous auprès de votre hébergeur.

Pourquoi optimiser les images de son site web ?

Pourquoi optimiser les images de son site web ?

Optimiser vos pages pour le web : ça veut dire quoi ?

C’est les préparer en amont, avant de les intégrer à votre site web afin qu’elles soient de bonnes qualités, pas trop lourdes et qu’elles s’affichent correctement et rapidement afin de ne pas ralentir le temps de chargement de vos pages. Cela va contribuer à améliorer l’expérience de vos visiteurs.

Pourquoi optimiser mes images pour le web ?

1 – Pour véhiculer une image professionnelle

Les photos que vous publiez sur votre site web reflètent votre travail, votre expertise, votre image. L’apparence globale du site web aura un impact sur l’impression que le visiteur aura de vous.

2 – Pour obtenir un affichage optimal et accélérer le temps de chargement de vos pages

On n’édite pas une photo pour le web de la même façon que pour une impression. Il faut respecter plusieurs critères lorsque vous préparez vos images afin d’obtenir un affichage optimal sur le web et un temps de chargement des pages améliorés.

Quelles sont les critères à prendre en compte pour vos images

1 – La qualité de vos images :

Choisissez des images de bonnes qualités, libres de droit. N’hésitez pas à faire appel à un photographe professionnel et demandez-lui de vous préparer les fichiers pour le web.

2 – Le format de vos images :

On préconise 3 formats pour le web : le JPG, le PNG et le GIF.

JPG/JPEG : c’est le format universel du web. A privilégier pour réduire le poids des photos.

PNG : L’avantage de ce format est qu’il n’y a aucune perte de qualité lors de la compression. De plus, il permet la transparence (fond transparent) mais est plus gourmand en poids. A utiliser uniquement pour les logos et icônes.

GIF : Ce format gère aussi la transparence mais est de moins en moins utilisé pour le web sauf pour les gifs animés.

3 – La taille de vos images :

Redimensionnez la photo selon la place qu’elle va prendre sur la page web (image dans un article, en arrière-plan, dans une bannière, etc.). Cela évite au navigateur de devoir procéder à un redimensionnement et donc de nuire à la rapidité d’affichage de votre site web.

4 – La résolution de vos images :

La résolution à privilégier pour le web est 72 DPI.

5 – Le poids de vos images :

Votre image doit-être la plus légère possible sans perte de qualité afin de s’afficher rapidement dans vos pages web. Pour cela, il est conseiller de compresser vos images à l’aide d’un outil de compression. Vous pouvez utiliser Photoshop mais si vous ne l’avez pas ou que vous ne savez pas vous en servir, optez plutôt pour des compresseurs en ligne tels que : https://compressjpeg.com/ ou https://www.iloveimg.com/fr/compresser-image/

On recommande de ne pas dépasser 200Ko pour une image.

6 – Le titre de vos images :

Donnez un titre explicite à votre image, un titre qui décrit votre photo afin de pouvoir l’identifier et la retrouver facilement dans la recherche de la bibliothèque media.

7 – L’attribut ALT de vos images :

Pensez à renseigner l’attribut ALT de vos images avec un titre explicite et les mots clés qui décrivent le mieux le contenu de l’image. Cela permettra d’améliorer le référencement naturel de vos pages web.

Pourquoi choisir WordPress pour votre site web ?

Pourquoi choisir WordPress pour votre site web ?

– WordPress.org est un outil qui permet de réaliser des blogs, des sites web mais également des sites e-commerce.

– C’est un système de gestion de contenu (CMS) qui facilite l’administration et la gestion de son site web au quotidien.

– Il est gratuit (vous n’aurez pas de licence à payer) et libre (on peut modifier le code pour personnaliser le site web à sa guise).

– Il est extensible grâce à des extensions qui vont ajouter des fonctionnalités spécifiques.

– Il est intuitif et plutôt simple d’utilisation, même pour des néophytes.

– Il propose une large gamme de thèmes gratuits ou payants (premium) qui correspondent à la structure graphique de votre site web et que vous pourrez personnaliser.

– Il permet une gestion multi-utilisateurs afin d’attribuer des rôles différents aux contributeurs d’un même site web : lecteur, rédacteur, contributeur, administrateur….

– La force de WordPress c’est aussi sa large communauté qui offre sans cesse de nouvelles solutions et améliorations.

– Il propose régulièrement des mises à jour pour appliquer de nouvelles fonctionnalités et corriger des failles de sécurité.

– WordPress respecte les standards et normes du web.

Et pour finir de vous convaincre, vous pouvez aller jeter un oeil à tous les beaux sites réalisés avec WordPress.org sur le site officiel :

https://wordpress.org/showcase/