{"id":4402,"date":"2017-04-20T14:04:07","date_gmt":"2017-04-20T14:04:07","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriels\/?p=4402"},"modified":"2024-09-26T14:13:21","modified_gmt":"2024-09-26T14:13:21","slug":"jpeg-progressif","status":"publish","type":"post","link":"\/fr\/tutoriels\/jpeg-progressif\/","title":{"rendered":"Optimiser rapidement son site web gr\u00e2ce au JPEG progressif"},"content":{"rendered":"

Une tâche très importante dans l’optimisation d’un site web est l’optimisation des images en elle-mêmes. Dans l’un de nos guides précédents, nous avons appris à améliorer efficacement la performance du site en utilisant des images scalées (ou mises à l’échelle)<\/a> . Dans celui-ci, nous allons faire un pas de plus et apprendre à utiliser le JPEG progressif.<\/p>

\"\"<\/a><\/figure>

Quelle est la différence entre les JPEG de base et les images JPEG progressives?<\/strong><\/h3>

Généralement, les images JPEG sont chargées de haut en bas. Les images JPEG progressives diffèrent en montrant toute l’image immédiatement tout en chargeant une partie des données, ce qui signifie qu’elle peut apparaître pixellisée jusqu’à ce qu’elle soit complètement chargée. Vous trouverez ci-dessous un exemple pour une meilleure compréhension.<\/p>

Cycle de chargement JPEG de base :<\/p>

\n
\"Processus<\/figure>\n<\/div>

Cycle de chargement JPEG progressif:<\/p>

\n
\"Processus<\/figure>\n<\/div>

Comment les images JPEG progressives amélioreront-elles les performances du site Web?<\/strong><\/h3>

En plus d’une meilleure expérience visuelle, les images JPEG progressives sont de 2% à 10% plus petites par rapport aux images de base. Ce qui leur permettra d’améliorer le chargement de votre site Web et les performances globales. Vos demandes vers le serveur seront plus courtes et plus efficaces. Ce qui réduira également votre utilisation de ressources telles que la bande passante et l’espace disque. C’est extrêmement efficace si vous hébergez un site Web sur des services d’hébergement gratuits ou mutualisés. Les sites Web avec une grande quantité d’images JPEG de base auront aussi une qualité moindre d’image qu’avec des images JPEG progressives. Il est également important de mentionner que les visiteurs qui accèdent à votre site Web via un appareil mobile ou une connexion Internet lente auront une meilleure expérience visuelle globale et des temps de chargement plus rapides si vous utilisez des images JPEG progressives.
<\/p>

\n\n\n

\n \n \n \n <\/svg>\n Important\n <\/span>\n

\n IMPORTANT!<\/strong> Certains navigateurs (par exemple Internet Explorer avant Windows 7) ne prennent pas en charge les images JPEG progressives. Cependant, toutes les versions ultérieures le supportent.\n <\/p><\/div>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n<\/p>

Ce dont vous aurez besoin<\/strong><\/h2>

Avant de mettre en place des JPEG progressif, assurez vous d’avoir les éléments suivants:<\/p>