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 54
Révision/ évaluation
Compétences ciblées
Vérifiez votre compréhension des aspects principaux de cette notion.
Il y a deux types d'images. L'image matricielle et l'image vectorielle.
Bien joué !
Mauvaise réponse
La différence principale entre ces deux types d'images est que le format matriciel peut être redimensionné sans perdre la qualité de l'image, contrairement au format vectoriel.
Bien joué !
Mauvaise réponse
La différence principale entre ces deux types d'images est que le format vectoriel peut être redimensionné sans perdre la qualité de l'image, contrairement au format matriciel.
Le format de l'image n'influence pas le chargement de la page web.
Bien joué !
Mauvaise réponse
Un mauvais choix de format a un impact majeur sur le chargement de la page web et augmente ainsi la consommation énergétique.
Le format Webp combine les avantages des trois (3) autres formats (JPEG, GIF, PNG). Il crée des images plus petites qui sont plus riches et avec un impact plus rapide sur le web. Sa compression est de meilleure qualité se fait avec ou sans perte.
Bien joué !
Mauvaise réponse
Les critères à prendre en compte lorsque vous ajustez la qualité des images sur votre site sont la taille, le poids et la compression.
Bien joué !
Mauvaise réponse
La méthode de compression dite "avec perte" permet de réduire l'espace couleur aux couleurs les plus courantes d'une image.
Bien joué !
Mauvaise réponse
La technique de sprite CSS consiste à assembler plusieurs images en un seul fichier, réduisant ainsi le nombre de requêtes HTTP.
Bien joué !
Mauvaise réponse
L'optimisation d'image consiste à augmenter la taille du fichier des images afin d'obtenir une meilleure qualité d'image.
Bien joué !
Mauvaise réponse
L'optimisation d'image consiste à réduire la taille du fichier des images autant que possible sans en sacrifier la qualité, afin que le temps de chargement de vos pages reste faible. Cela signifie que vous diminuez votre impact environemental car le temps de téléchargement est grandement réduit.