SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
Méthodes pour l’analyse des
images numériques
Everardo REYES
Université Paris 8 / Lab. Paragraphe
Journée d'études - Méthodes quantitatives en sémiotique
Organisateur : Dario Compagno
Université Paris 3 Sorbonne Nouvelle
Exemples classiques d’analyse
de l’expression des images
“Blumen Mythos” (Paul Klee, 1918)
Analyse par Félix Thürlemann, 1982
Publicité “La fille à la montre et au chapeau”
Analyse par Göran Sonesson
Methods and models in pictorial semiotics, 1988
Relations entre plan de l’expression et
plan du contenu
Emploi la distinction entre signes
plastiques et signes figuratifs
L’image numérique
Un médium instable : en développement constant
Dépend des logiciels et dispositifs
Millions d’images par jour… distant reading [ Moretti, 2013 ]
Du big data au wide data [ Manovich, 2015 ]
Image comme représentation
Représentation : un système formel et ses spécifications pour
rendre explicites certaines entités. Par exemple, les systèmes de
numération
Description : le résultat de l’emploi d’une représentation pour
décrire une entité
[ Marr, 1982 ]
Définition technique
“An image f(x, y) that has been discretized, where x and y are spatial
coordinates and the value of f at (x, y) is proportional to the
brightness of the scene at that point. It is represented by a series of
2D arrays, one for each color band… Each element of the array is
called pixel or pel, derived from the term “picture element”. Thus, a
digital image looks like this…”
[ Petrou & Petrou, 2010 ]
Ceci n’est pas un pixel
Ceci n’est pas un pixel…
c’est la “trace” ou footprint
d’un filtre de reconstruction
Exemples de filtres de reconstruction
Alvy R. Smith, 1995
Types de données
Structures de données
Méta-données
Formats du fichier
Logiciels
Langages de programmation
Ceci est important car la manière dont l’information est
représentée détermine la facilité pour faire différentes choses avec
[ Marr, 1982 ]
Descriptions des images
Valeurs des données visuelles
Chromatiques :
• Tinte
• Saturation
• Luminosité
• Rouge
• Vert
• Blue
Eidétiques :
• Surface
• Circularité
• Ratio
• Rondeur
• Solidité
• Diamètre Feret
• Angle Feret
• Densité … et des dérivations statistiques :
moyenne, déviation standard, etc.
Mesures supportées par le logiciel ImageJ [ 1997 - …]
File Name Canon.jpg
Camera Model Canon EOS DIGITAL REBEL
Date/Time 2003:12:04 06:46:52
Shooting Mode Bulb
Shutter Speed 4
Aperture 14.0
Metering Mode Center-weighted average
Exposure Compensation 0
ISO 100
Lens 18.0 - 55.0 mm
Focal Length 34.0 mm
Image Size 8x8
Quality RAW
Flash No Flash
White Balance Auto
Focus Mode Manual Focus
Color Tone Normal
Color Space sRGB
File Size 2.6 kB
File Number 118-1861
Drive Mode Continuous Shooting
Owner Name Phil Harvey
Serial Number 0560018150
Recommandation EXIF [ JEITA & CIPA, 1995-2010 ]
Méta-données techniques
• relations sémantiques
• relations pragmatiques
• relations textuelles : inter, hyper, meta, para
• subjectivité
• contexte de production
• inspirations
• interprétations
• réception
• expériences esthétiques
Méta-données culturelles
Utilisation des données
Traitement des images numériques
I OM
Données
Fichiers images
Séquences vidéo
Live streaming
Modèles 3D
Images 2D
Modèles 3D
Interfaces graphiques
Séquences animées
Prototypes
Outils de théorisation
Structures de données
Algorithmes
Codes
Logiciels
Machines sémiotiques,
rhétoriques, herméneutiques
M O
203 images des tableaux de Paul Klee
E. Reyes, 2015
Années
Saturation
Interfaces sur le web
http.//ereyes.net/kleeviz, 2015
as
Design spéculatif
2000 pochettes d’albums du rock
E. Reyes, 2014
Nouveaux éléments apparaissent
200 images de la page d’accueil de Google, entre 1998 et 2015
E. Reyes, 2015
1998 2015
conventions
du support web
[ menus, onglets,
boutons, etc. ]
Conception et développement de systèmes “allographiants” pour
des stades méréologiques instables
Support à des plusieurs vues et échelles
Méta-données [ EXIF ]
Formats PNG, JPG, GIF
PNG
Sont contenus et manipulés par :
Logiciels [ navigateurs ]
Langages de programmation
[ JavaScript, WebGL… ]
Web
Types
Structures
Opacité :
Merci de votre attention
Everardo REYES
Université Paris 8 / Lab. Paragraphe

Contenu connexe

Plus de Everardo Reyes-García

Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesEverardo Reyes-García
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionEverardo Reyes-García
 
Design d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueDesign d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueEverardo Reyes-García
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translationEverardo Reyes-García
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisationEverardo Reyes-García
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numériqueEverardo Reyes-García
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsEverardo Reyes-García
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualizationEverardo Reyes-García
 
Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Everardo Reyes-García
 
Visualización y Análisis Visual de VFX de Inception
Visualización y Análisis Visual de VFX de InceptionVisualización y Análisis Visual de VFX de Inception
Visualización y Análisis Visual de VFX de InceptionEverardo Reyes-García
 
Séance 01. Introduction aux technologies Web
Séance 01. Introduction aux technologies WebSéance 01. Introduction aux technologies Web
Séance 01. Introduction aux technologies WebEverardo Reyes-García
 

Plus de Everardo Reyes-García (20)

Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slides
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expression
 
Design d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueDesign d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétique
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translation
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisation
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numérique
 
On Media Art Software
On Media Art SoftwareOn Media Art Software
On Media Art Software
 
Explorations in media visualization
Explorations in media visualizationExplorations in media visualization
Explorations in media visualization
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productions
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualization
 
La visualité de Nirvana
La visualité de NirvanaLa visualité de Nirvana
La visualité de Nirvana
 
Esthétique des médias
Esthétique des médiasEsthétique des médias
Esthétique des médias
 
Disrupting 3D Models
Disrupting 3D ModelsDisrupting 3D Models
Disrupting 3D Models
 
Quelques principes du design web
Quelques principes du design webQuelques principes du design web
Quelques principes du design web
 
Culture Numérique
Culture NumériqueCulture Numérique
Culture Numérique
 
Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02
 
Séance 03. Graphisme Web
Séance 03. Graphisme WebSéance 03. Graphisme Web
Séance 03. Graphisme Web
 
Visualización y Análisis Visual de VFX de Inception
Visualización y Análisis Visual de VFX de InceptionVisualización y Análisis Visual de VFX de Inception
Visualización y Análisis Visual de VFX de Inception
 
Méthodologies des Nouveaux Médias
Méthodologies des Nouveaux MédiasMéthodologies des Nouveaux Médias
Méthodologies des Nouveaux Médias
 
Séance 01. Introduction aux technologies Web
Séance 01. Introduction aux technologies WebSéance 01. Introduction aux technologies Web
Séance 01. Introduction aux technologies Web
 

Dernier

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çaisTxaruka
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
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çaisTxaruka
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfabatanebureau
 
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.Txaruka
 
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.pdfachrafbrahimi1
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 

Dernier (16)

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
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
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
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
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.
 
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
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 

Méthodes pour l’analyse des images numériques

  • 1. Méthodes pour l’analyse des images numériques Everardo REYES Université Paris 8 / Lab. Paragraphe Journée d'études - Méthodes quantitatives en sémiotique Organisateur : Dario Compagno Université Paris 3 Sorbonne Nouvelle
  • 2. Exemples classiques d’analyse de l’expression des images
  • 3. “Blumen Mythos” (Paul Klee, 1918) Analyse par Félix Thürlemann, 1982
  • 4. Publicité “La fille à la montre et au chapeau” Analyse par Göran Sonesson Methods and models in pictorial semiotics, 1988
  • 5. Relations entre plan de l’expression et plan du contenu Emploi la distinction entre signes plastiques et signes figuratifs
  • 7. Un médium instable : en développement constant Dépend des logiciels et dispositifs Millions d’images par jour… distant reading [ Moretti, 2013 ] Du big data au wide data [ Manovich, 2015 ]
  • 8. Image comme représentation Représentation : un système formel et ses spécifications pour rendre explicites certaines entités. Par exemple, les systèmes de numération Description : le résultat de l’emploi d’une représentation pour décrire une entité [ Marr, 1982 ]
  • 9. Définition technique “An image f(x, y) that has been discretized, where x and y are spatial coordinates and the value of f at (x, y) is proportional to the brightness of the scene at that point. It is represented by a series of 2D arrays, one for each color band… Each element of the array is called pixel or pel, derived from the term “picture element”. Thus, a digital image looks like this…” [ Petrou & Petrou, 2010 ]
  • 10. Ceci n’est pas un pixel
  • 11. Ceci n’est pas un pixel… c’est la “trace” ou footprint d’un filtre de reconstruction
  • 12. Exemples de filtres de reconstruction Alvy R. Smith, 1995
  • 13. Types de données Structures de données Méta-données Formats du fichier Logiciels Langages de programmation Ceci est important car la manière dont l’information est représentée détermine la facilité pour faire différentes choses avec [ Marr, 1982 ]
  • 15. Valeurs des données visuelles Chromatiques : • Tinte • Saturation • Luminosité • Rouge • Vert • Blue Eidétiques : • Surface • Circularité • Ratio • Rondeur • Solidité • Diamètre Feret • Angle Feret • Densité … et des dérivations statistiques : moyenne, déviation standard, etc. Mesures supportées par le logiciel ImageJ [ 1997 - …]
  • 16. File Name Canon.jpg Camera Model Canon EOS DIGITAL REBEL Date/Time 2003:12:04 06:46:52 Shooting Mode Bulb Shutter Speed 4 Aperture 14.0 Metering Mode Center-weighted average Exposure Compensation 0 ISO 100 Lens 18.0 - 55.0 mm Focal Length 34.0 mm Image Size 8x8 Quality RAW Flash No Flash White Balance Auto Focus Mode Manual Focus Color Tone Normal Color Space sRGB File Size 2.6 kB File Number 118-1861 Drive Mode Continuous Shooting Owner Name Phil Harvey Serial Number 0560018150 Recommandation EXIF [ JEITA & CIPA, 1995-2010 ] Méta-données techniques
  • 17. • relations sémantiques • relations pragmatiques • relations textuelles : inter, hyper, meta, para • subjectivité • contexte de production • inspirations • interprétations • réception • expériences esthétiques Méta-données culturelles
  • 19. Traitement des images numériques I OM Données Fichiers images Séquences vidéo Live streaming Modèles 3D Images 2D Modèles 3D Interfaces graphiques Séquences animées Prototypes Outils de théorisation Structures de données Algorithmes Codes Logiciels Machines sémiotiques, rhétoriques, herméneutiques M O
  • 20. 203 images des tableaux de Paul Klee E. Reyes, 2015 Années Saturation
  • 21. Interfaces sur le web http.//ereyes.net/kleeviz, 2015
  • 22. as Design spéculatif 2000 pochettes d’albums du rock E. Reyes, 2014
  • 23. Nouveaux éléments apparaissent 200 images de la page d’accueil de Google, entre 1998 et 2015 E. Reyes, 2015 1998 2015 conventions du support web [ menus, onglets, boutons, etc. ]
  • 24. Conception et développement de systèmes “allographiants” pour des stades méréologiques instables Support à des plusieurs vues et échelles Méta-données [ EXIF ] Formats PNG, JPG, GIF PNG Sont contenus et manipulés par : Logiciels [ navigateurs ] Langages de programmation [ JavaScript, WebGL… ] Web Types Structures Opacité :
  • 25. Merci de votre attention Everardo REYES Université Paris 8 / Lab. Paragraphe