JPEG, PNG, PDF, CMJN, HTML,…         Préparez-vous à communiquer !JPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
1 / ContexteJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
L’ordinateurJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
La loi du nombre  La numérisation  = codage d’une information en chiffres      binaire : 0 | 1 (« bit »)      8 bits = 1 o...
2 / Codage des imagesJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
Le Pixel  Une image numérique est constituée dun ensemble de points  appelés pixels.      la Résolution / taille du pixel ...
Codage des couleurs  RVB  La synthèse additive : Lorsqu’un écran  affiche une image, c’est laddition du rouge,  du vert et...
Codage des couleurs  CMJN          (ou quadrichromie)  La synthèse soustractive : Lorsquon mélange  des pigments colorés e...
Image matricielle  Une image matricielle est une image  numérique dans un format de données  qui se compose dun tableau de...
Image vectorielle  Une image vectorielle (ou image en  mode trait) est une image  numérique composée dobjets  géométriques...
3 / Formats d’imageJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
Formats d’image  Objectif : rapport poids /qualité  > Compression      JPEG (format standard – perte données)JPEG, PNG, PD...
Formats d’image  Objectif : rapport poids /qualité  > Compression      JPEG (format standard – perte données)      GIF (25...
Formats d’image  Objectif : rapport poids /qualité  > Compression      JPEG (format standard – perte données)      GIF (25...
Formats d’image  Objectif : rapport poids /qualité  > Compression      JPEG (format standard – perte données)      GIF (25...
4 / Les autres formats à connaîtreJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
Autres formats                                                       à connaitre  Fichiers de travail / sources        PSD...
5 / Caractéristiques du printJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
Fond perdu  Zone grise = Fond perdu  Les petites lignes  dans les coins  = Traits de coupeJPEG, PNG, PDF, CMJN, HTML,… Pré...
Page  Chaque feuille a un recto et un verso,  soit 2 pages.  Pour les documents avec plus  de 2 pages, il existe 2 solutio...
Format  quelques exemples      affiche : A3      papier en tête : A4      carte postale : 10x15 cm      flyers : 20x15 (éq...
BAT      simulation de limpression      vérification de la conformité du document      approbation du client      engageme...
6 / Caractéristiques du webJPEG, PNG, PDF, CMJN, HTML,… Préparez-vous à communiquer !
Historique / notions      60’s : ARPANET (réseau d’échange de données)      70’s : INTERNET (plusieurs réseaux interconnec...
Caractéristiques                                                 d’affichage      médias (ordinateur / mobile / tablettes)...
Caractéristiques                                                 techniques      évolutions des langages (HTML / CSS /…)  ...
Prochain SlideShare
Chargement dans…5
×

Préparez-vous à communiquer

328 vues

Publié le

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

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
328
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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 !

×