Le chargement d’un site web et ses formats d’image

La vitesse de chargement est en grande partie influencée par le poids des images présentes sur votre site internet, plus le fichier est volumineux plus le temps de chargement de l’image et du site seront longs. Plus de 53% des visiteurs abandonnent leur recherche sur un site web si son temps de chargement prend plus de 3 secondes !

Mode d'emploi : Le format idéal d’image pour votre site web ! - Le chargement d'un site web et ses formats d'image - Fraischeur
Testez la vitesse de chargement d'un site !

L’optimisation de votre site web participe à l’augmentation de votre taux de conversion. Cela passe par une expérience utilisateur améliorée grâce à un temps de chargement rapide des pages web et une qualité visuelle des images. Les pages mobiles sont aussi concernées par la vitesse d’affichage du site et sont d’autant plus touchées par l’abandon des visiteurs puisqu’une page met en moyenne 15 secondes pour se charger complètement sur un téléphone. Pour vous faire gagner du temps et surtout du temps de chargement, l’équipe Fraischeur vous présente quatre formats d’images à utiliser pour votre site web, avec leurs avantages et inconvénients.

JPEG ou JPG (Joint Photographic Expert Group)

Mode d'emploi : Le format idéal d’image pour votre site web ! - JPEG ou JPG (Joint Photographic Expert Group) - Fraischeur

LES AVANTAGES

Un des formats d’images web le plus répandu sur internet

Un format universel car il peut être lu par toutes les plateformes et systèmes d’exploitation sans besoin d’un logiciel externe

Une compression de l’image avec perte, c’est-à-dire que le format compresse l’image en supprimant des données invisibles pour l’oeil humain rendant le fichier moins volumineux

Un fichier plus léger entraînant un temps de chargement plus rapide et améliorant l’expérience utilisateur

Une qualité d’image satisfaisante pour le web

Un bon rapport qualité/taille de fichier

LES INCONVÉNIENTS

Un taux de compression trop élevé engendre une perte de la qualité de l’image, c’est-à-dire que la qualité de l’image diminue à chaque nouvelle sauvegarde

Pas de fonds transparents disponibles pour un arrière-plan

PNG

(Portable Network Graphics)

LES AVANTAGES

Une excellente compression de l’image sans perte, c’est-à-dire sans dégradation de l’image 

Une image préservée de sa qualité, de sa netteté, de ses contours et de ses couleurs

Des images avec de la transparence en arrière-plan (logos, icônes) permettant de superposer des images sur un même fond et d’améliorer le référencement sur Google Images

La solution est d’utiliser des outils de compression PNG pour réduire la taille du fichier et le temps de chargement de la page, sans réduire la qualité visuelle des images

Mode d'emploi : Le format idéal d’image pour votre site web ! - PNG (Portable Network Graphics)- Fraischeur

LES INCONVÉNIENTS

Une image compressée sans perte créant un fichier plus volumineux

Un format assez lourd, adapté au web mais à utiliser raisonnablement sur une page web car il peut amener des temps de téléchargement plus longs

La nécessité d’un recours à des logiciels externes pour réduire la taille du fichier

GIF (Graphic Interchange Format)

WebP

Mode d'emploi : Le format idéal d’image pour votre site web ! - GIF (Graphic Interchange Format) - Fraischeur

LES AVANTAGES

Un format développé par Google combinant les avantages du JPEG et PNG

Une compression plus efficace que le JPEG et PNG car elle réduit le poids d’une image jusqu’à 30% 

Une petite taille de fichier permettant d’optimiser le chargement d’une page web

Un format qui conserve la qualité visuelle d’une image et améliorant l’expérience utilisateur des visiteurs

LES INCONVÉNIENTS

Un format qui s’adapte à de nombreux navigateurs mais certains navigateurs plus anciens ne sont pas compatibles avec le format WebP entraînant des problèmes d’affichages

Un format d’image peu connu et peu utilisé du grand public

Mode d'emploi : Le format idéal d’image pour votre site web ! - WebP - Fraischeur

Le conseil Fraischeur

L’équipe Fraischeur utilise le format d’image WebP, permettant d’allier légèreté de taille de fichiers et qualité visuelle. Sur l’ensemble des sites internet, nous convertissons les images dans ce format afin d’offrir une expérience utilisateur optimale.

Nous vous accompagnons dans la conception de votre site web et nous vous guidons dans son optimisation. L’agence Fraischeur vous aide à choisir les formats d’images les plus adaptés tout en améliorant votre référencement. Contactez-nous pour en savoir plus !

Contactez l'agence !