Optimiser ses photos pour le web
Attention à choisir la bonne résolution !
Quel poids d'image pour le web ?
N'oubliez pas de convertir vos images pour le web
07 janvier 2023
Pourquoi faut-il optimiser ses images pour le web ?
Le temps de chargement des pages : les images ont tendance à être l’un des éléments qui prennent le plus de temps à charger sur une page web. En optimisant les images, on peut réduire leur taille et donc le temps de chargement de la page.
Le coût de l’utilisation des données : sur certains réseaux, notamment les réseaux mobiles, le téléchargement de données peut être coûteux pour les utilisateurs. En optimisant les images, on peut réduire leur taille et donc réduire les coûts pour les utilisateurs.
Une meilleure expérience utilisateur : des pages qui se chargent rapidement sont plus agréables à utiliser et peuvent améliorer l’expérience utilisateur globale.
Le référencement : les moteurs de recherche accordent une certaine importance à la vitesse de chargement des pages. Des pages qui se chargent rapidement ont donc plus de chances d’obtenir une meilleure position dans les résultats de recherche.
Conseils pour optimiser vos photos ?
Redimensionnez vos photos à la résolution appropriée pour leur utilisation. Pour les photos destinées à être partagées sur les réseaux sociaux, une résolution de 1920 pixels maximum est généralement suffisante.
Compressez vos photos pour réduire leur taille de fichier tout en préservant une qualité acceptable. Vous pouvez utiliser un outil de compression d’image en ligne ou un logiciel de retouche d’images comme Adobe Photoshop.
Utilisez un format d’image adapté pour le web, comme JPEG ou PNG. Le JPEG est généralement le meilleur choix pour les photos, tandis que le PNG convient mieux aux images avec des zones transparentes ou aux images avec des détails fins qui pourraient se perdre lors de la compression JPEG.
Utilisez des titres et des légendes pour améliorer votre référencement SEO.
Convertir ses images au format WebP ?
Le format WebP est un format d’image créé par Google qui permet de réduire la taille des images tout en conservant une qualité visuelle élevée. Si vous souhaitez réduire la taille de vos images pour améliorer les performances de votre site web, il peut être intéressant de les convertir au format WebP.
Cependant, il faut tenir compte du fait que ce format n’est pas pris en charge par tous les navigateurs, il est donc recommandé de fournir également une version de votre image au format JPEG ou PNG pour assurer une compatibilité maximale.
Il existe plusieurs façons de convertir une image au format WebP :
En utilisant un outil en ligne : il existe de nombreux outils en ligne qui permettent de convertir des images au format WebP. Par exemple, vous pouvez utiliser l’outil « WebP Converter » disponible sur ce site : https://www.webp-converter.com/
En utilisant un logiciel de traitement d’images : de nombreux logiciels de traitement d’images, tels que GIMP ou Photoshop, permettent de convertir des images au format WebP. Pour ce faire, ouvrez l’image à convertir dans le logiciel, puis sélectionnez « Exporter » ou « Enregistrer sous » et choisissez le format WebP dans la liste des formats disponibles.
En utilisant la ligne de commande : si vous êtes à l’aise avec la ligne de commande, vous pouvez utiliser la commande « cwebp » du logiciel « cwebp » pour convertir une image au format WebP.
Quel est le poids idéal d’une photo pour un site internet ?
Une des erreurs les plus classiques est de placer ses photos telles quelles sur son site. L’image va bien entendu s’afficher, mais il n’y a aucun intérêt à charger une photo de 23 mégapixels lorsqu’un visuel bien plus léger de 450 pixels suffirait.
Il convient donc de redimensionner ses visuels à la taille à laquelle ils seront affichés. Le gain de poids sera déjà considérable.
On entend souvent dire – à tord – qu’il faut utiliser une résolution de 72dpi pour un affichage à l’écran mais c’est inexact.
La résolution correspond à la densité de pixels sur une zone donnée. Elle est exprimée en dpi = dot per inch, soit points (ou pixels) par pouce (ppp en français). Votre écran, qu’il soit HD, retina, ou autres, affichera par défaut chaque pixel du visuel sur un pixel de l’écran.
La définition correspond au nombre de pixels de votre visuel : une image de 450×675px s’affichera sur 450×675 pixels de votre écran, qu’elle soit en 72, 300 ou 4 000 dpi !
Mathieu MENGUY
MATPIX STUDIO
Mathieu, crée des souvenirs pour les familles et vous aides à développer la confiance en vous. Studio photo situé à Rouen en région Normandie.
Faites-lui confiance pour donner de l’âme à vos souvenirs et transformer vos émotions en moments inoubliables.
Le Studio
MATPIX STUDIO
9 rue Georges Braques
76000 – ROUEN
0783832286
contact[at]matpix.fr
