Comment optimiser vos images pour le web

Les images représentent en moyenne 50% du poids d'une page web. Des images non optimisées ralentissent votre site et font fuir vos visiteurs. Voici comment les optimiser facilement.

Pourquoi optimiser vos images ?

Vitesse

Images légères = site rapide = meilleur SEO

Expérience utilisateur

53% des visiteurs quittent un site qui charge en plus de 3s

Bande passante

Économies sur l'hébergement

Mobile

Chargement plus rapide sur réseaux lents

1 Choisir le bon format

Format	Utilisation	Compression
WebP	Tout (recommandé)	25-35% plus léger que JPEG
JPEG	Photos	Bonne, avec perte
PNG	Logos, transparence	Sans perte, fichier lourd
SVG	Icônes, logos simples	Vectoriel, très léger

Conseil : Utilisez WebP

WebP est supporté par 95% des navigateurs et offre la meilleure compression. Convertissez toutes vos images en WebP.

2 Redimensionner avant l'upload

Ne uploadez jamais une image de 4000x3000 pixels si elle s'affiche en 800x600 sur votre site.

Pleine largeur

1920px

maximum

Dans le contenu

1200px

maximum

Miniatures

Taille exacte

d'affichage

3 Compresser les images

Outils gratuits en ligne

TinyPNG/TinyJPG

Simple et efficace

tinypng.com

Squoosh

Par Google, très puissant

squoosh.app

Compressor.io

Comparaison avant/après

compressor.io

Taux de compression recommandé

JPEG : qualité 70-80%

WebP : qualité 75-85%

PNG : compression sans perte uniquement

4 Ajouter les attributs alt

L'attribut alt décrit l'image pour Google et les lecteurs d'écran :

Bonnes pratiques pour l'alt

Décrivez ce que montre l'image

Incluez un mot-clé si pertinent

Soyez concis (125 caractères max)

Évitez "image de..." ou "photo de..."

5 Nommer correctement les fichiers

À éviter

IMG_20240115_143022.jpg

Recommandé

plombier-urgence-montpellier.webp

Utilisez des mots descriptifs séparés par des tirets.

Checklist rapide

✓ Format WebP ou JPEG optimisé
✓ Dimensions adaptées à l'affichage
✓ Poids < 200 Ko pour les images de contenu
✓ Attribut alt descriptif
✓ Nom de fichier explicite
✓ Lazy loading activé

Vos images ralentissent-elles votre site ?

Notre audit gratuit analyse la performance de votre site, y compris l'optimisation des images.

Tester mon site