Formation Adobe Fireworks : optimisation des images pour le web - Partie 2. Formateur Laurent Mottet
1. Laurent Mottet - www.nakatomi-formation.be
L’optimisation des images
avec Adobe Fireworks
Adobe Fireworks
Partie : 2 - optimisation jpg
Laurent Mottet
Nakatomi-formation.be
2. Le fichier original
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dimension : 2592 x 1944
Adobe Fireworks
• Couleurs : RGB
• Poids : 1.8 Mb
• Format de compression : jpg
3. Les étapes pour optimiser une image
Laurent Mottet - www.nakatomi-formation.be
1 . R e c a d r e r la p h o t o g r a p h ie
soit avec l’outil : Recadrage [c]
Adobe Fireworks
soit via le menu : Edition / Recadrer l’objet bitmap sélectionné
2 . C o r r ig e r la p h o t o g r a p h ie
via la fenêtre Propriété / Filtres / Régler la couleur
3 . C h o is ir le b o n m o d e d e c o m p r e s s io n
PNG ou JPG
4. Le fichier importé
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dimension : 1050x788
• Couleurs : RGB
Adobe Fireworks
• Poids : 900 ko
• Format de compression : JPG
5. L’image recadrée
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dimension : 960 x 320
• Couleurs : RGB
Adobe Fireworks
• Poids : 399 ko
• Format de compression : png
6. L’image corrigée
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dimension : 960 x 320
• Couleurs : RGB
Adobe Fireworks
• Poids : 512 ko
• Format de compression : png
7. Optimisation png 24
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dimension : 960 x 320
• Couleurs : RGB
Adobe Fireworks
• Poids : 509 ko
• Format de compression : png
8. Optimisation JPG 70%
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dimension : 960 x 320
• Couleurs : RGB
Adobe Fireworks
• Poids : 90 ko
• Format de compression : jpg
9. Optimisation JPG 60%
Laurent Mottet - www.nakatomi-formation.be
• Type d’image : bitmap
• Dim ension : 960 x 320
• Couleurs : RGB
Adobe Fireworks
• Poids : 75 ko
• Format de compression : 60% jpg
10. Laurent Mottet - www.nakatomi-formation.be
C o n ta c t
Adobe Fireworks
www.nakatomi-formation.be
Laurent Mottet
laurent@nakatomi.be
twitter.com/nakatomi