Export d’images pour le Web
Avant de publier vos images sur le Web, il faut s’assurer que leur format et le poids de leur fichier soit optimisé.
Des images trop lourdes (au-dessus d’1 ou 2mo) rendra le chargement des pages de votre site plus lent.
Il faut privilégier des extensions de fichiers optimisées pour le web:
- jpg (images)
- png (pour images de logos ou arrière-plans transparents)
- webp
Quel taille et redimensionnement choisir?
Cela dépend de comment les images sont mises en page sur votre site mais une largeur d’image entre 2000px à 2500px convient pour la plupart des cas de figures.
Si vous voulez être plus spécifiques selon l’utilisation de vos images:
- Images pleine largeur: 2400px de large
- Images dans une page: 1500px de large (paysage), ou 1000px de large (portrait)
- Images dans une gallerie d’images (slideshow): images de même hauteur 1500px (portrait ou paysage)
Comment optimiser la taille du fichier?
Avec vos images ouvertes dans Photoshop, ouvrez Fichier > Exportation > Enregistrer pour le Web (hérité)
Dans les options qui s’affichent:
- Vérifiez que vous êtes en JPEG
- Ajustez la qualité entre 60 et 80
- Ajustez la taille de l’image selon vos besoins
- Controlez la taille du fichier optimisé qui sera enregistré
- Enregistrer
Compression d’images
Pour optimiser davantage les images à mettre en ligne et obtenir une meilleure vitesse de chargement, vous pouvez les compresser avec des outils comme ImageOptim.
Cet outil pour MacOS est gratuite, et permet une compression maximale des fichiers.
