Your SlideShare is downloading. ×
Optimiser les images pour le web natalia
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Optimiser les images pour le web natalia

112
views

Published on

Published in: Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
112
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Optimiser les images pour le web Natalia Zhukova Master CAWEB 1
  • 2. La règle des tiers (la règle d’or) 2
  • 3. • Pertinentes • Uniformes • Vivantes • Inanimées Améliorer le message grâce aux images 3
  • 4. Une image numérique • Le profil colorimétrique • La résolution • La taille • Le poids • Le format • Le nom 4
  • 5. RGB les écrans d’ordinateur le bon profil colorimétrique CMJN l’impression 5
  • 6. la bonne résolution les écrans d’ordinateurl’impression 6
  • 7. • la largeur et la hauteur (HxL) en pixels (px) • la largeur (un site Web) < 1000 px • La balise <img> (height et width) les bonnes dimensions (taille de l’image) 7
  • 8. • < de 200 Ko • réduisez sa taille ( HxL) et/ou • la compression le bon poids 8
  • 9. le bon format JPEG GIF PNG une photographie et une image haute qualité la qualité le poids les images contenant du texte floue moins de possibilités une image avec transparence incompatible supporte très peu les icônes, les graphiques, des logos le poids les animations la compression la qualité 95% taille ½ modification de la taille par logiciel > 80% le poids
  • 10. • en minuscules • sans accent ni ponctuation • sans espace (- ou _) le bon nom 10
  • 11. Éditeurs d’images en ligne gratuits • Pixlr • BeFunky • Photoshop en ligne • PicMonkey • Editor • Splashup • Fotoflexer • Picadilo • Ipiccy • Photofiltre • Gimp Mac et Windows • Paint.Net • Photo Pos Pro • PhotoScape Windows • Acorn Mac (version gratuite et payante) Les logiciels gratuits 11
  • 12. Optimiser les images pour le référencement 12
  • 13. Optimiser les images pour référencement • Le bon rapport qualité/poids • La légende de l’image • Backlinks • Le nom de l’image ( ) mots-clés pertinents • La balise « alt » (le texte alternatif) 13
  • 14. Trouver des images libres de droits sur Internet et gratuites • Google Images • ImageBase • Stock Photos for Free • Bajstock • Flickr • Getty Images 14
  • 15. Pour bien photographier 15
  • 16. 16 Montrer aux gens les choses d’un point de vue qu’ils ne sont pas habitués à voir
  • 17. Photo droite Photo de travers 17
  • 18. Le détail 18
  • 19. Une photo bien composée La règle des tiers Les points forts de l'image 19
  • 20. Gestion de la lumière 20
  • 21. ISO La sensibilité à la lumière 21
  • 22. le diaphragme L'ouverture du diaphragme La profondeur de champ maximiser la profondeur de champminimiser la profondeur de champ 22
  • 23. La vitesse d'obturation Le temps que va prendre votre appareil photo pour laisser entrer de la lumière 23
  • 24. 24
  • 25. Le mode S : priorité vitesse 25
  • 26. Le flash 26
  • 27. 27
  • 28. 28