Il est essentiel d'optimiser le poids des images sur le web. Les sites internet ont très souvent des photos trop lourdes qui ralentissent la vitesse de chargement. Pour améliorer le référencement il est conseillé de compresser le taille des images afin d’accélérer le chargement des photos de votre site web.
Il existe deux solutions simples : Photoshop et TinyPNG.
Photoshop permet une optimisation précise des images pour le web. Vous pouvez définir la taille en pixel, le niveau de compression de votre photo, le flou, ect. Tandis que TinyPNG.com est une solution en ligne, gratuite, qui réduit le poids de votre image selon un algorithme prédéterminé. Vous ne pouvez pas paramétrer le poids de votre fichier final mais le service se montre extrêmement rapide et efficace dans la plupart des situations.
PHOTOSHOP
- Ouvrez Photoshop
- Puis sélectionnez votre photo
- Notre image fait 2,77 Mo dans notre cas
- Une fois votre image ouverte dans Photoshop
- Cliquez sur fichier
- enregistrer pour le web
- En bas à droite de la fenêtre vous pouvez redimensionner la taille de l'image
- On définira 1024 px dans cet exemple
- Vous pouvez ensuite ajuster le zoom pour comparer votre image initiale en haut et votre future image en bas
- Sélectionnez ensuite le menu déroulant en haut à droite
- Testez la meilleure qualité puis vérifiez le poids de l'image que vous obtiendrez.
- Dans le cas présent, la qualité élevé permet de descendre sous les 50 Ko
- Ajustez le flou pour atténuer les légères dégradations de l'image
- Puis enregistrez l'image en la renommant comme vous le souhaitez
- L'image finale fait 49,2 Ko, contre 2,77 Mo pour l'image initiale
TINYPNG
- Rendez-vous sur le site tinypng.com
- Glissez et déposez votre image
- Vous n'avez pas besoin d'ouvrir un compte ou de payer
- L'image charge puis elle est compressée
- En sortie vous récupérez une image de 343 Ko, soit 88% d'optimisation
- Vous n'avez plus qu'à télécharger votre image finale
CONLUSION
Photoshop : 2,77 Mo - 49 Ko en 1min30
Tiny PNG : 2,77 Mo - 343 Ko en 30 sec.
A vous de choisir !
Ещё видео!