Etude de cas Webdesigner

Webmaster étude de cas

Création de site web: gagnez tout le temps perdu dans l'optimisation d'image

Lorsque vous créez un site Web à partir d'un fichier Photoshop, une grande partie du travail consiste à trouver le meilleur format et la meilleure compression à appliquer sur les images. Trouver les meilleurs morceaux vous aide à avoir un joli design mais vous devez exporter des images aussi légères que possible en même temps. Comme Photoshop applique une compression globale sur les images, il est assez complexe d'avoir à la fois des images claires et de haute qualité.

Maintenant c'est fini, n'y pensez même pas, travaillez vite et nous optimiserons les images une fois que vous travaillerez sur autre chose!

Compte tenu de la création de 30 images par page qui comprend le contenu et les images de conception de thème, combien de temps envoyez-vous à l'exportation d'images? Le processus est assez long et comprend plusieurs essais avec plusieurs niveaux de compression.

qualité jpeg

L'exportation en tant que processus d'image jpg comprend:

  • Parcourez le menu "Exporter pour le web"
  • Choisissez le format Jpeg
  • Choisissez une compression / qualité 
  • Sélectionnez la taille
  • Exporter l'image
  • Envoyer une image sur votre site Web
  • Faire un test final

Analyse de page : 30 images exportées 3 fois chacune pour essai
Temps passé à essayer : 1' par essai, c'est 1h par page
Avec optimisation automatique des images : pour 5 pages c'est 5h de travail, avec une qualité parfaite au final

 

Plus petit avec une haute qualité

Comme l'algorithme ImageRecycle n'applique pas de compression globale sur les images mais prend en compte la zone de couleur de l'image et le niveau de compression d'origine, vous pouvez exporter toutes les images avec une qualité de 100%. Gardez à l'esprit: moins l'image originale est compressée, une meilleure optimisation et une meilleure taille seront. Vérifiez le test ci-dessous avec l'image nommée à leur niveau de qualité Photoshop (60 = 60% de qualité, 80 = 80% de qualité ...)

optimisation jpg de qualité

L'image exportée à 100 % de qualité a obtenu le meilleur résultat visuel et la meilleure taille. Pensez donc à la partie technique dont nous nous occupons du poids des images.