Préparez-vous à communiquer

333 views

Published on

Atelier animé lors du Printemps des Petites Entreprises Franc-Comtoises

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
333
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Préparez-vous à communiquer

  1. 1. JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  2. 2. 1 / ContexteJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  3. 3. L’ordinateurJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  4. 4. La loi du nombre La numérisation = codage d’une information en chiffres binaire : 0 | 1 (« bit ») 8 bits = 1 octet 1ko = 1024 octets / 1 Mo = 1024ko débit 8 Mb/s = 1 Mo/sJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  5. 5. 2 / Codage des imagesJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  6. 6. Le Pixel Une image numérique est constituée dun ensemble de points appelés pixels. la Résolution / taille du pixel la Définition / combien de pixels écran =>72 DPI impression => 300 DPIJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  7. 7. Codage des couleurs RVB La synthèse additive : Lorsqu’un écran affiche une image, c’est laddition du rouge, du vert et du bleu qui donne le blanc. Utilisation : écran, téléviseur, scan…JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  8. 8. Codage des couleurs CMJN (ou quadrichromie) La synthèse soustractive : Lorsquon mélange des pigments colorés en peinture l’addition du Cyan, du Magenta et du Jaune donne du Noir (en théorie). Utilisation : imprimante, imprimeur…JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  9. 9. Image matricielle Une image matricielle est une image numérique dans un format de données qui se compose dun tableau de pixels. la définition + la résolution + la profondeur = qualité de l’imageJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  10. 10. Image vectorielle Une image vectorielle (ou image en mode trait) est une image numérique composée dobjets géométriques (segments de droite, polygones, arcs de cercle, etc.) Chaque forme qui la compose est décrite mathématiquement à partir de points et de tangentes.JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  11. 11. 3 / Formats d’imageJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  12. 12. Formats d’image Objectif : rapport poids /qualité > Compression JPEG (format standard – perte données)JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  13. 13. Formats d’image Objectif : rapport poids /qualité > Compression JPEG (format standard – perte données) GIF (256 couleurs – transparence – anim )JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  14. 14. Formats d’image Objectif : rapport poids /qualité > Compression JPEG (format standard – perte données) GIF (256 couleurs – transparence – anim ) PNG (+16 M coul. – transp. – pas de perte)JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  15. 15. Formats d’image Objectif : rapport poids /qualité > Compression JPEG (format standard – perte données) GIF (256 couleurs – transparence – anim ) PNG (+16 M coul. – transp. – pas de perte) TIFF (qualité max – très lourd)JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  16. 16. 4 / Les autres formats à connaîtreJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  17. 17. Autres formats à connaitre Fichiers de travail / sources PSD (photoshop – plutôt matriciel) AI (illustrator – plutôt vectoriel) INDD (indesign – mise en page – print) EPS (description – verrouillé – pros) PDF (universel)JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  18. 18. 5 / Caractéristiques du printJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  19. 19. Fond perdu Zone grise = Fond perdu Les petites lignes dans les coins = Traits de coupeJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  20. 20. Page Chaque feuille a un recto et un verso, soit 2 pages. Pour les documents avec plus de 2 pages, il existe 2 solutions pour en faire un même document : Le pliage La reliure : le plus courant est le multiple de 4 pages, les imprimeurs travaillant avec des cahiers.JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  21. 21. Format quelques exemples affiche : A3 papier en tête : A4 carte postale : 10x15 cm flyers : 20x15 (équivalent A5) cartes de visite : 8,5x5,4 cmJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  22. 22. BAT simulation de limpression vérification de la conformité du document approbation du client engagement de limprimeurJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  23. 23. 6 / Caractéristiques du webJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  24. 24. Historique / notions 60’s : ARPANET (réseau d’échange de données) 70’s : INTERNET (plusieurs réseaux interconnectés) 90’s : WWW (navigateur / pages / système hypertexte) HTTP / URL / HTML / W3CJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  25. 25. Caractéristiques d’affichage médias (ordinateur / mobile / tablettes) navigateursJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
  26. 26. Caractéristiques techniques évolutions des langages (HTML / CSS /…) possibilité d’animation (Flash, Javascript) avènement du web sémantiqueJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !

×