Une image destinée à être insérée dans une page web doit avoir quelques propriétés bien déterminées, c’est pourquoi avant d’ajouter vos photos créées à partir de Photoshop vous devez leur appliquer quelques paramètres d’optimisation avec Dreamweaver.
Comment optimiser les paramètres d’une image Photoshop avec Dreamweaver ?
1- Lors de l’insertion :
– Insérez une image .psd dans votre document dans Dreamweaver (voir le tuto « Comment insérer une image Photoshop dans une page web avec Dreamweaver »)
– La fenêtre d’aperçu s’ouvre, elle est composée de 3 parties :
o L’onglet Options : permet de définir des préférences telles que le format, la qualité …etc.
o L’onglet Fichier : permet de définir l’échelle et la taille de l’image.
o L’onglet Animation : permet de créer des images Gif animés.
2- Après l’insertion :
– Sélectionnez l’image à optimiser.
– Dans la barre des propriétés en bas cliquez sur l’icône d’optimisation d’images
– Ajustez les paramètres d’optimisation et cliquez sur OK.