SlideShare une entreprise Scribd logo
1  sur  10
Laurent Mottet - www.nakatomi-formation.be
                  L’optimisation des images
                  	 avec	Adobe Fireworks
Adobe Fireworks



                                    Partie : 2 - optimisation jpg




                                Laurent Mottet
                                Nakatomi-formation.be
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
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
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
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
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
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
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
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
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

Contenu connexe

Plus de Laurent Mottet

Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Laurent Mottet
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
Laurent Mottet
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
Laurent Mottet
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
Laurent Mottet
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
Laurent Mottet
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
Laurent Mottet
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
Laurent Mottet
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
Laurent Mottet
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
Laurent Mottet
 
Tips for Adobe Fireworks
Tips for Adobe FireworksTips for Adobe Fireworks
Tips for Adobe Fireworks
Laurent Mottet
 

Plus de Laurent Mottet (20)

Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
 
Creer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec MailchimpCreer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec Mailchimp
 
Concevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettreConcevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettre
 
Conception d'une newsletter
Conception d'une newsletterConception d'une newsletter
Conception d'une newsletter
 
Formation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page webFormation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page web
 
Formation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEOFormation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEO
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
 
Tips for Adobe Fireworks
Tips for Adobe FireworksTips for Adobe Fireworks
Tips for Adobe Fireworks
 
Adobe Fireworks : Trucs et astuces
Adobe Fireworks : Trucs et astucesAdobe Fireworks : Trucs et astuces
Adobe Fireworks : Trucs et astuces
 
Formation Adobe Fireworks - Flux du document
Formation Adobe Fireworks - Flux du documentFormation Adobe Fireworks - Flux du document
Formation Adobe Fireworks - Flux du document
 
Création de boutons avec Adobe Fireworks
Création de boutons avec Adobe FireworksCréation de boutons avec Adobe Fireworks
Création de boutons avec Adobe Fireworks
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site web
 
Formation Adobe Fireworks : l'interface. Formateur Laurent Mottet
Formation Adobe Fireworks : l'interface. Formateur Laurent MottetFormation Adobe Fireworks : l'interface. Formateur Laurent Mottet
Formation Adobe Fireworks : l'interface. Formateur Laurent Mottet
 

Dernier

Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 

Dernier (20)

Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénients
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Chapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon CoursChapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon Cours
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 

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