Leçon 8Optimisation des images et chargement différé
- Notion 47 - La différence entre les images matricielles et vectorielles.
- Notion 48 - Sélectionnez le bon type de fichier
- Notion 49 - Ajuster la qualité d'une image.
- Notion 50 - Comprendre la compression d'image
- Notion 51 - Utiliser les sprites CSS
- Notion 52 - Qu'est-ce que le nouveau format WebP?
- Notion 53 - Outils pour l'optimisation d'image.
- Notion 54 - Révision/ évaluation
Notion 49
Ajuster la qualité d'une image.
Compétences ciblées
Découvrez les principaux éléments qui impactent la qualité de l'image
Dans cette leçon, nous allons en apprendre plus sur les critères à prendre en compte pour ajuster la qualité des images de votre site web.
La taille
Réduire la taille de votre image aura un impact positif sur son poids.
Notez que les images, issues d'un smartphone ou d'un appareil photo, font environ 5000 pixels. Une taille de 500 à 1000 pixels est suffisante pour votre site web.
Compression
Il est important de réduire le pourcentage de compression d'au moins 70%. De cette manière, l'image sera plus légère tout en gardant sa qualité.
Le poids
Le poids idéal des images sur le web est de 100Kb.