SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Images
Images vectorielles
Une image vectorielle (ou image en mode trait), en
informatique, est une image numérique composée
d'objets géométriques individuels (segments de
droite, polygones, arcs de cercle, etc.) dé
fi
nis chacun
par divers attributs de forme, de position, de
couleur, etc. Elle se différencie de cette manière des
images matricielles (ou « bitmap »), dans lesquelles
on travaille sur des pixels.
L'intérêt est de pouvoir redimensionner l'image à
volonté sans aucun effet d'escalier.
Images
Images vectorielles
Le principe de base du dessin vectoriel consiste à décrire des formes géométriques simples (arcs de cercle ou d'ellipse,
segments de droite, courbes de Bézier...), auxquelles on peut appliquer différentes transformations : rotations,
écrasement, mise à l’échelle. Les effets spéciaux permettent une grande souplesse : extrusion, effet miroir, dégradé de
formes, etc. Les images vectorielles sont trés utilisées pour les logos, les cartes…
Les logiciels de création d’images vectorielles sont Illustrator, Af
fi
nity Designer, Inkscape….
Les formats sont le PDF, EPS, SVG, AI…
Des images vectorielles sont disponibles en téléchargement
https://thenounproject.com
https://www.vecteezy.com
https://www.
fl
aticon.com/
https://www.freepik.com/
Images
Images matricielles
Une image matricielle, ou «bitmap » (en l'anglais « carte de points»), est une image constituée d'une matrice de points
colorés. C'est-à-dire, constituée d'un tableau, d'une grille, où chaque case possède une couleur qui lui est propre et est
considérée comme un point. Il s'agit donc d'une juxtaposition de points de couleurs formant, dans leur ensemble, une
image.
Cette expression est principalement utilisée dans les domaines de l'imagerie numérique (infographie, informatique,
photographie numérique, etc.) a
fi
n de marquer l'opposition de ce concept avec celui des images dites vectorielles. Dans
ces domaines, les points de couleurs les constituant s'appellent des pixels (pour « picture element », soit, littéralement :
« élément d'image »).
Le logiciel de création et de retouches d’images matricielles le plus connu est Adobe photoshop, il existe des
alternatives plus économiques comme Gimp ou Pixelmator.
Images
CMJN
Quadrichromie
La quadrichromie ou CMJN (cyan, magenta, jaune,
noir) est un procédé d'imprimerie permettant de
reproduire un large spectre colorimétrique à partir
des trois teintes de base (le cyan, le magenta et le
jaune) auxquelles on ajoute le noir imprimé sur du
papier blanc.
Images
RVB
Rouge vert bleu, abrégé RVB, est un format de
codage des couleurs.
Ces trois couleurs sont les couleurs primaires
en synthèse additive. Elles correspondent en
fait à peu près aux trois longueurs d’ondes
auxquelles répondent les trois types de cônes
de l’œil humain. L’addition des trois primaires
donne du blanc.
Elles sont aujourd’hui utilisées en éclairage, en
vidéo, pour l’af
fi
chage sur les écrans et par les
logiciels d’imagerie, a
fi
n de reproduire une large
gamme des couleurs visibles par l’homme.
Images
Résolution d’images
Le point par pouce (PPP) est une unité de précision communément utilisée pour dé
fi
nir la résolution d'un
scanner (on parle de «
fi
nesse de numérisation »), d'une imprimante (on parle de « précision de l'impression »).
Plus cette valeur est élevée, meilleure est la qualité. On peut également utiliser cette notion avec un moniteur
d'ordinateur, de téléphone de tablettes ou un écran de télévision, mais on utilisera alors le terme de PPI (pixels
per inch, pixels par pouce, PPP également en français).
En imprimerie on utilisera des images entre 150 et 300 dpi.
La plupart des écrans actuels sont en 72 dpi, les choses sont en train de changer avec l’arrivée d’écrans Retina
avec des résolutions supérieures comme 180 dpi.
Formats d’images
Le gif
L’image est composées de 256 couleurs ou moins. Depuis que Facebook intègre les gif animés il y a un regain d’intérêt
pour ce format. L’image est assez légère mais vite détériorée surtout si elle contient des dégradés de couleur.
Formats d’images
Le gif
Permet de faire des petites animations.
Formats d’images
Le jpeg
En Millions de couleurs, mais il est possible de compresser plus ou moins les images.
Plus l’image est compressée plus elle se charge rapidement mais plus sa qualité sera détériorée.
Jpg en compression haute, le
fi
chier pèse 175ko
Formats d’images
Le jpeg
Jpg en compression basse, le
fi
chier pése 12ko, l’image est détériorée
Formats d’images
Le png
Créé pour remplacer le gif, pour des images utilisants des aplats de couleurs.
Utilisé surtout pour la possibilité d’utiliser du transparent dans l’image.
Formats d’images
Le png
Créé pour remplacer le gif, pour des images utilisants des aplats de couleurs.
Utilisé surtout pour la possibilité d’utiliser du transparent dans l’image.
Formats d’images
Le webp
WebP est un format d'image matricielle développé et mis à disposition du public par Google depuis 2010. Il permet de
faire ce que font tous les autres : des images compressées en milliers de couleurs avec de la transparence comme le
PNG et la possibilité de faire des animations comme le Gif.
WebP procurerait de 30 % à 80 % de réduction d'espace face à JPEG et PNG.
Ce format est compatible à tous les navigateurs de dernière génération depuis 2020. Depuis novembre 2022, c’est
nativement dans Photoshop. Pour les versions antérieures il y a un Plug-in pour Photoshop accessible gratuitement ici :
https://developers.google.com/speed/webp/docs/webpshop
Ici la même image pèse 132 ko en WebP et 218 ko en jpg avec une compression de 45. Soit 1,6 fois plus lourde.
Les logiciels de traitement d’images
Adobe Photoshop
Le plus connu, le plus utilisé, le
plus ancien, la référence.
24€ / mois
Adobe Lightroom
Orienté retouche et
classement des photos
12€ / mois
Af
fi
nity photo
Une copie de Photoshop
59€
Acorn
Copie de Photoshop en anglais
et sur mac uniquement
16$
Pixelmator Pro
Copie de Photoshop sur mac
uniquement
44€
GIMP
Logiciel de retouche photo
Open Source et gratuit, sur
mac et PC.
Gratuit sur Windows
getpaint.net
photopos.com
Outils en ligne
sumopaint.com
pixlr.com
ipiccy.com
Sur Mac
Aperçu présent sur tous les
mac, permet de réduire,
recadrer, exporter…
Formats d’images
Exporter pour le web
1 - Réduire l’image à la bonne dimension. Un site web fait en général
entre 1000px et 1400px pixels de large. J’évite de faire des images
plus grandes. En veillant à bien être en RVB et non en CMJN.
2 - Pour une photo, j’exporte en jpg 72 dpi compression moyenne.
3 - On nomme son
fi
chier en utilisant des mots qui décrivent
l’image, sans utiliser de majuscules, d’espaces, de caractères
accentués ou spéciaux, suivie d’un point et de l’extension indiquant
le format du
fi
chier.
Photoshop
Exporter pour le web
Dans Photoshop, on exporte son image en passant par le menu
« Fichier/Enregistrer pour le web… » ou
« Fichier/Export/Enregistrer pour le web… »
Photoshop
Pour le Webp - Enregistrer sous
Dans Photoshop, on exporte son image en passant par le menu « Fichier/Enregistrer sous » , on peut
ensuite choisir le format «WebP ». Pour un résultat optimal on choisit avec Perte de qualité, sur un
réglage moyen autour de 45.
Af
fi
nity Photo
Exporter pour le web
Dans Af
fi
nity Photo, on exporte son image en passant par le menu « Fichier/Exporter »
Pas de format WebP pour l’instant.
GIMP
Exporter pour le web
Dans GIMP, on exporte son image en passant par le menu« Fichier/Export As… »
Données EXIF
Permettre de vous améliorer à la prise de vue et classer/organiser vos photographies.
Remplace les carnets des photographes argentiques, permet de noter les principaux paramètres de prise
de vue (date, vitesse, diaphragme, mémorisation d’exposition etc.).
La liste des données Exif intégrées par vos appareils photos numériques regroupe foule d’informations
parmi lesquelles :
- La date et l’heure à laquelle la photo a été prise.
- Les paramètres de prise de vue (vitesse, diaphragme, sensibilité ISO, mémorisation d’exposition, etc.)
- La géolocalisation de l’image (pour les appareils équipés de la fonction GPS).
- L’identi
fi
cation du type de boitier et d’objectif (y compris les numéros de séries)
- Les informations relatives aux droits d’auteur et au copyright (si vous avez enregistré votre nom dans
votre appareil)
Bref, c’est grâce à ce genre d’informations que des personnes ayant commis des actes délictueux
(comme par exemple photographier les sujets du Bac) ont pu être retrouvées.
Exchangeable image
fi
le format
Données EXIF
Comment lire ces données Exifs ?
1. À partir de votre appareil photo numérique, généralement accessibles via la
touche Display
2 : à partir de votre ordinateur
Sous Windows : cliquez du bouton droit sur l’image, allez dans « propriétés »
puis sur l’onglet « Détail ».
Sous Mac OS : cliquez également du bouton droit puis allez sur « Lire les
informations ».
Dans Photoshop, il y a plus d’infos, on peut aussi télécharger l’un des
logiciels gratuits suivants : Exif Reader, Exif Farm ou Exif Manager. En ligne
sur https://onlineexifviewer.com/
Possibilité de nettoyer nos
fi
chiers images avec ImageOptim sur mac
https://imageoptim.com/fr
Sur Flickr on peut af
fi
cher les données EXIF d’une photo :
https://www.
fl
ickr.com/photos/yellowstonenps/51558602618/in/dateposted/
Exchangeable image
fi
le format

Contenu connexe

Tendances

Grc 1
Grc 1Grc 1
Grc 1dfi10
 
Traitement d'image sous Matlab
Traitement d'image sous Matlab  Traitement d'image sous Matlab
Traitement d'image sous Matlab Hajer Dahech
 
Introduction au traitement d'images
Introduction au traitement d'imagesIntroduction au traitement d'images
Introduction au traitement d'imagesAbdelouahed Abdou
 
Les systèmes d'information
Les systèmes d'informationLes systèmes d'information
Les systèmes d'informationOumaima Karim
 
Chapitre 1- Présentation.pptx
Chapitre 1- Présentation.pptxChapitre 1- Présentation.pptx
Chapitre 1- Présentation.pptxYounesAziz3
 
conception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnelleconception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnellelaureno
 
Chapitre1ordinateur et systeme d'exploitation
Chapitre1ordinateur et systeme d'exploitationChapitre1ordinateur et systeme d'exploitation
Chapitre1ordinateur et systeme d'exploitationSaad Loula
 
Diaporama initiation informatique
Diaporama initiation informatiqueDiaporama initiation informatique
Diaporama initiation informatiquebibriom
 
AI Apprentissage Automatique, Machine Learnig
AI Apprentissage Automatique, Machine LearnigAI Apprentissage Automatique, Machine Learnig
AI Apprentissage Automatique, Machine LearnigFelipe Sanchez Garzon
 
INTRODUCTION A BPM
INTRODUCTION A BPMINTRODUCTION A BPM
INTRODUCTION A BPMSaid Sadik
 
Méthodes agiles vs méthodes classiques
Méthodes agiles vs méthodes classiquesMéthodes agiles vs méthodes classiques
Méthodes agiles vs méthodes classiquesSirine Barguaoui
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPressAbdoulaye Dieng
 
présentation soutenance PFE.ppt
présentation soutenance PFE.pptprésentation soutenance PFE.ppt
présentation soutenance PFE.pptMohamed Ben Bouzid
 
Mise en place de système d’information
Mise en place de système d’informationMise en place de système d’information
Mise en place de système d’informationPatrick Ostertag
 
TP1-UML-Correction
TP1-UML-CorrectionTP1-UML-Correction
TP1-UML-CorrectionLilia Sfaxi
 
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeEcole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeMehdi Hamime
 
Strategie digitale
Strategie digitaleStrategie digitale
Strategie digitaleAgence-Pi2R
 

Tendances (20)

Grc 1
Grc 1Grc 1
Grc 1
 
Traitement d'image sous Matlab
Traitement d'image sous Matlab  Traitement d'image sous Matlab
Traitement d'image sous Matlab
 
Introduction au traitement d'images
Introduction au traitement d'imagesIntroduction au traitement d'images
Introduction au traitement d'images
 
Les systèmes d'information
Les systèmes d'informationLes systèmes d'information
Les systèmes d'information
 
Chapitre 1- Présentation.pptx
Chapitre 1- Présentation.pptxChapitre 1- Présentation.pptx
Chapitre 1- Présentation.pptx
 
conception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnelleconception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnelle
 
Veille technologique
Veille technologiqueVeille technologique
Veille technologique
 
Chapitre1ordinateur et systeme d'exploitation
Chapitre1ordinateur et systeme d'exploitationChapitre1ordinateur et systeme d'exploitation
Chapitre1ordinateur et systeme d'exploitation
 
Diaporama initiation informatique
Diaporama initiation informatiqueDiaporama initiation informatique
Diaporama initiation informatique
 
AI Apprentissage Automatique, Machine Learnig
AI Apprentissage Automatique, Machine LearnigAI Apprentissage Automatique, Machine Learnig
AI Apprentissage Automatique, Machine Learnig
 
INTRODUCTION A BPM
INTRODUCTION A BPMINTRODUCTION A BPM
INTRODUCTION A BPM
 
Méthodes agiles vs méthodes classiques
Méthodes agiles vs méthodes classiquesMéthodes agiles vs méthodes classiques
Méthodes agiles vs méthodes classiques
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPress
 
présentation soutenance PFE.ppt
présentation soutenance PFE.pptprésentation soutenance PFE.ppt
présentation soutenance PFE.ppt
 
Mise en place de système d’information
Mise en place de système d’informationMise en place de système d’information
Mise en place de système d’information
 
TP1-UML-Correction
TP1-UML-CorrectionTP1-UML-Correction
TP1-UML-Correction
 
SEO Référencement
SEO RéférencementSEO Référencement
SEO Référencement
 
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliothequeEcole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
Ecole ESMA : Rapport de projet - Application de gestion d'une bibliotheque
 
Strategie digitale
Strategie digitaleStrategie digitale
Strategie digitale
 
Infographie
InfographieInfographie
Infographie
 

Similaire à Cours Images

Services multimedia en ligne version 2017
Services multimedia en ligne version 2017Services multimedia en ligne version 2017
Services multimedia en ligne version 2017URFIST de Paris
 
La retouche photo - atelier de formation
La retouche photo - atelier de formationLa retouche photo - atelier de formation
La retouche photo - atelier de formationCEFAC
 
Compito di informatica in francese
Compito di informatica in franceseCompito di informatica in francese
Compito di informatica in francesealessandrobritta
 
Optimiser Le Poids Des Photos
Optimiser Le Poids Des PhotosOptimiser Le Poids Des Photos
Optimiser Le Poids Des Photosalexartiste
 
Initiation au dessin numérique et traitement de l'image
Initiation au dessin numérique et traitement de l'imageInitiation au dessin numérique et traitement de l'image
Initiation au dessin numérique et traitement de l'imageAndrée-Caroline Boucher
 
La photo numérique : de la prise de vue au partage Web
La photo numérique : de la prise de vue au partage WebLa photo numérique : de la prise de vue au partage Web
La photo numérique : de la prise de vue au partage WebRegis Pailler
 
Récupération de photos numériques
Récupération de photos numériquesRécupération de photos numériques
Récupération de photos numériquesmarysmith01
 
Manuel scribus par Terre Nourricière
Manuel scribus par Terre NourricièreManuel scribus par Terre Nourricière
Manuel scribus par Terre NourricièreTerre Nourricière
 
Saison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédias
Saison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédiasSaison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédias
Saison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédiasAlexandra Pro
 
cours Caractéristiques d’une IMAGE(format,type,..)
cours Caractéristiques d’une IMAGE(format,type,..)cours Caractéristiques d’une IMAGE(format,type,..)
cours Caractéristiques d’une IMAGE(format,type,..)ChamseddineGhrissi
 

Similaire à Cours Images (20)

Photofiltre
Photofiltre Photofiltre
Photofiltre
 
Initiation à la retouche d’images
Initiation à la retouche d’imagesInitiation à la retouche d’images
Initiation à la retouche d’images
 
Initiation à la retouche d’images.Utilisation de Paint.net
Initiation à la retouche d’images.Utilisation de Paint.netInitiation à la retouche d’images.Utilisation de Paint.net
Initiation à la retouche d’images.Utilisation de Paint.net
 
Retoucher ses photos avec Pixlr (outils gratuits en ligne)
Retoucher ses photos avec Pixlr  (outils gratuits en ligne)Retoucher ses photos avec Pixlr  (outils gratuits en ligne)
Retoucher ses photos avec Pixlr (outils gratuits en ligne)
 
Formation ps
Formation psFormation ps
Formation ps
 
Initiation à la retouche d’images.2012
Initiation à la retouche d’images.2012Initiation à la retouche d’images.2012
Initiation à la retouche d’images.2012
 
Services multimedia en ligne version 2017
Services multimedia en ligne version 2017Services multimedia en ligne version 2017
Services multimedia en ligne version 2017
 
La retouche photo - atelier de formation
La retouche photo - atelier de formationLa retouche photo - atelier de formation
La retouche photo - atelier de formation
 
Atelier retouche Photo
Atelier retouche PhotoAtelier retouche Photo
Atelier retouche Photo
 
Compito di informatica in francese
Compito di informatica in franceseCompito di informatica in francese
Compito di informatica in francese
 
Optimiser Le Poids Des Photos
Optimiser Le Poids Des PhotosOptimiser Le Poids Des Photos
Optimiser Le Poids Des Photos
 
Internet et l'utilisation de photos
Internet et l'utilisation de photosInternet et l'utilisation de photos
Internet et l'utilisation de photos
 
Initiation au dessin numérique et traitement de l'image
Initiation au dessin numérique et traitement de l'imageInitiation au dessin numérique et traitement de l'image
Initiation au dessin numérique et traitement de l'image
 
La photo numérique : de la prise de vue au partage Web
La photo numérique : de la prise de vue au partage WebLa photo numérique : de la prise de vue au partage Web
La photo numérique : de la prise de vue au partage Web
 
5
55
5
 
Picasa Picasa Web
Picasa Picasa WebPicasa Picasa Web
Picasa Picasa Web
 
Récupération de photos numériques
Récupération de photos numériquesRécupération de photos numériques
Récupération de photos numériques
 
Manuel scribus par Terre Nourricière
Manuel scribus par Terre NourricièreManuel scribus par Terre Nourricière
Manuel scribus par Terre Nourricière
 
Saison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédias
Saison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédiasSaison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédias
Saison 2 - Teamauxois atelier n°1 2015-2016 - supports multimédias
 
cours Caractéristiques d’une IMAGE(format,type,..)
cours Caractéristiques d’une IMAGE(format,type,..)cours Caractéristiques d’une IMAGE(format,type,..)
cours Caractéristiques d’une IMAGE(format,type,..)
 

Plus de Chris Gaillard

Plus de Chris Gaillard (16)

Réseaux -sociaux 2023
Réseaux -sociaux 2023Réseaux -sociaux 2023
Réseaux -sociaux 2023
 
Présentation et historique
Présentation et historiquePrésentation et historique
Présentation et historique
 
WordPress
WordPressWordPress
WordPress
 
Cms
CmsCms
Cms
 
Accessibilité web
Accessibilité webAccessibilité web
Accessibilité web
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Webdesign
WebdesignWebdesign
Webdesign
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Gutenberg - WordPress 5
Gutenberg - WordPress 5Gutenberg - WordPress 5
Gutenberg - WordPress 5
 
Migrer un site Wordpress
Migrer un site Wordpress Migrer un site Wordpress
Migrer un site Wordpress
 
RGPD
RGPDRGPD
RGPD
 
Ergonomie
ErgonomieErgonomie
Ergonomie
 
Règles typo
Règles typoRègles typo
Règles typo
 
Constructeur de page avec Wordpress
Constructeur de page avec WordpressConstructeur de page avec Wordpress
Constructeur de page avec Wordpress
 
Newsletter et publipostage
Newsletter et publipostageNewsletter et publipostage
Newsletter et publipostage
 
Introduction à Wordpress
Introduction à WordpressIntroduction à Wordpress
Introduction à Wordpress
 

Cours Images

  • 1. Images Images vectorielles Une image vectorielle (ou image en mode trait), en informatique, est une image numérique composée d'objets géométriques individuels (segments de droite, polygones, arcs de cercle, etc.) dé fi nis chacun par divers attributs de forme, de position, de couleur, etc. Elle se différencie de cette manière des images matricielles (ou « bitmap »), dans lesquelles on travaille sur des pixels. L'intérêt est de pouvoir redimensionner l'image à volonté sans aucun effet d'escalier.
  • 2. Images Images vectorielles Le principe de base du dessin vectoriel consiste à décrire des formes géométriques simples (arcs de cercle ou d'ellipse, segments de droite, courbes de Bézier...), auxquelles on peut appliquer différentes transformations : rotations, écrasement, mise à l’échelle. Les effets spéciaux permettent une grande souplesse : extrusion, effet miroir, dégradé de formes, etc. Les images vectorielles sont trés utilisées pour les logos, les cartes… Les logiciels de création d’images vectorielles sont Illustrator, Af fi nity Designer, Inkscape…. Les formats sont le PDF, EPS, SVG, AI… Des images vectorielles sont disponibles en téléchargement https://thenounproject.com https://www.vecteezy.com https://www. fl aticon.com/ https://www.freepik.com/
  • 3. Images Images matricielles Une image matricielle, ou «bitmap » (en l'anglais « carte de points»), est une image constituée d'une matrice de points colorés. C'est-à-dire, constituée d'un tableau, d'une grille, où chaque case possède une couleur qui lui est propre et est considérée comme un point. Il s'agit donc d'une juxtaposition de points de couleurs formant, dans leur ensemble, une image. Cette expression est principalement utilisée dans les domaines de l'imagerie numérique (infographie, informatique, photographie numérique, etc.) a fi n de marquer l'opposition de ce concept avec celui des images dites vectorielles. Dans ces domaines, les points de couleurs les constituant s'appellent des pixels (pour « picture element », soit, littéralement : « élément d'image »). Le logiciel de création et de retouches d’images matricielles le plus connu est Adobe photoshop, il existe des alternatives plus économiques comme Gimp ou Pixelmator.
  • 4. Images CMJN Quadrichromie La quadrichromie ou CMJN (cyan, magenta, jaune, noir) est un procédé d'imprimerie permettant de reproduire un large spectre colorimétrique à partir des trois teintes de base (le cyan, le magenta et le jaune) auxquelles on ajoute le noir imprimé sur du papier blanc.
  • 5. Images RVB Rouge vert bleu, abrégé RVB, est un format de codage des couleurs. Ces trois couleurs sont les couleurs primaires en synthèse additive. Elles correspondent en fait à peu près aux trois longueurs d’ondes auxquelles répondent les trois types de cônes de l’œil humain. L’addition des trois primaires donne du blanc. Elles sont aujourd’hui utilisées en éclairage, en vidéo, pour l’af fi chage sur les écrans et par les logiciels d’imagerie, a fi n de reproduire une large gamme des couleurs visibles par l’homme.
  • 6. Images Résolution d’images Le point par pouce (PPP) est une unité de précision communément utilisée pour dé fi nir la résolution d'un scanner (on parle de « fi nesse de numérisation »), d'une imprimante (on parle de « précision de l'impression »). Plus cette valeur est élevée, meilleure est la qualité. On peut également utiliser cette notion avec un moniteur d'ordinateur, de téléphone de tablettes ou un écran de télévision, mais on utilisera alors le terme de PPI (pixels per inch, pixels par pouce, PPP également en français). En imprimerie on utilisera des images entre 150 et 300 dpi. La plupart des écrans actuels sont en 72 dpi, les choses sont en train de changer avec l’arrivée d’écrans Retina avec des résolutions supérieures comme 180 dpi.
  • 7. Formats d’images Le gif L’image est composées de 256 couleurs ou moins. Depuis que Facebook intègre les gif animés il y a un regain d’intérêt pour ce format. L’image est assez légère mais vite détériorée surtout si elle contient des dégradés de couleur.
  • 8. Formats d’images Le gif Permet de faire des petites animations.
  • 9. Formats d’images Le jpeg En Millions de couleurs, mais il est possible de compresser plus ou moins les images. Plus l’image est compressée plus elle se charge rapidement mais plus sa qualité sera détériorée. Jpg en compression haute, le fi chier pèse 175ko
  • 10. Formats d’images Le jpeg Jpg en compression basse, le fi chier pése 12ko, l’image est détériorée
  • 11. Formats d’images Le png Créé pour remplacer le gif, pour des images utilisants des aplats de couleurs. Utilisé surtout pour la possibilité d’utiliser du transparent dans l’image.
  • 12. Formats d’images Le png Créé pour remplacer le gif, pour des images utilisants des aplats de couleurs. Utilisé surtout pour la possibilité d’utiliser du transparent dans l’image.
  • 13. Formats d’images Le webp WebP est un format d'image matricielle développé et mis à disposition du public par Google depuis 2010. Il permet de faire ce que font tous les autres : des images compressées en milliers de couleurs avec de la transparence comme le PNG et la possibilité de faire des animations comme le Gif. WebP procurerait de 30 % à 80 % de réduction d'espace face à JPEG et PNG. Ce format est compatible à tous les navigateurs de dernière génération depuis 2020. Depuis novembre 2022, c’est nativement dans Photoshop. Pour les versions antérieures il y a un Plug-in pour Photoshop accessible gratuitement ici : https://developers.google.com/speed/webp/docs/webpshop Ici la même image pèse 132 ko en WebP et 218 ko en jpg avec une compression de 45. Soit 1,6 fois plus lourde.
  • 14. Les logiciels de traitement d’images Adobe Photoshop Le plus connu, le plus utilisé, le plus ancien, la référence. 24€ / mois Adobe Lightroom Orienté retouche et classement des photos 12€ / mois Af fi nity photo Une copie de Photoshop 59€ Acorn Copie de Photoshop en anglais et sur mac uniquement 16$ Pixelmator Pro Copie de Photoshop sur mac uniquement 44€ GIMP Logiciel de retouche photo Open Source et gratuit, sur mac et PC. Gratuit sur Windows getpaint.net photopos.com Outils en ligne sumopaint.com pixlr.com ipiccy.com Sur Mac Aperçu présent sur tous les mac, permet de réduire, recadrer, exporter…
  • 15. Formats d’images Exporter pour le web 1 - Réduire l’image à la bonne dimension. Un site web fait en général entre 1000px et 1400px pixels de large. J’évite de faire des images plus grandes. En veillant à bien être en RVB et non en CMJN. 2 - Pour une photo, j’exporte en jpg 72 dpi compression moyenne. 3 - On nomme son fi chier en utilisant des mots qui décrivent l’image, sans utiliser de majuscules, d’espaces, de caractères accentués ou spéciaux, suivie d’un point et de l’extension indiquant le format du fi chier.
  • 16. Photoshop Exporter pour le web Dans Photoshop, on exporte son image en passant par le menu « Fichier/Enregistrer pour le web… » ou « Fichier/Export/Enregistrer pour le web… »
  • 17. Photoshop Pour le Webp - Enregistrer sous Dans Photoshop, on exporte son image en passant par le menu « Fichier/Enregistrer sous » , on peut ensuite choisir le format «WebP ». Pour un résultat optimal on choisit avec Perte de qualité, sur un réglage moyen autour de 45.
  • 18. Af fi nity Photo Exporter pour le web Dans Af fi nity Photo, on exporte son image en passant par le menu « Fichier/Exporter » Pas de format WebP pour l’instant.
  • 19. GIMP Exporter pour le web Dans GIMP, on exporte son image en passant par le menu« Fichier/Export As… »
  • 20. Données EXIF Permettre de vous améliorer à la prise de vue et classer/organiser vos photographies. Remplace les carnets des photographes argentiques, permet de noter les principaux paramètres de prise de vue (date, vitesse, diaphragme, mémorisation d’exposition etc.). La liste des données Exif intégrées par vos appareils photos numériques regroupe foule d’informations parmi lesquelles : - La date et l’heure à laquelle la photo a été prise. - Les paramètres de prise de vue (vitesse, diaphragme, sensibilité ISO, mémorisation d’exposition, etc.) - La géolocalisation de l’image (pour les appareils équipés de la fonction GPS). - L’identi fi cation du type de boitier et d’objectif (y compris les numéros de séries) - Les informations relatives aux droits d’auteur et au copyright (si vous avez enregistré votre nom dans votre appareil) Bref, c’est grâce à ce genre d’informations que des personnes ayant commis des actes délictueux (comme par exemple photographier les sujets du Bac) ont pu être retrouvées. Exchangeable image fi le format
  • 21. Données EXIF Comment lire ces données Exifs ? 1. À partir de votre appareil photo numérique, généralement accessibles via la touche Display 2 : à partir de votre ordinateur Sous Windows : cliquez du bouton droit sur l’image, allez dans « propriétés » puis sur l’onglet « Détail ». Sous Mac OS : cliquez également du bouton droit puis allez sur « Lire les informations ». Dans Photoshop, il y a plus d’infos, on peut aussi télécharger l’un des logiciels gratuits suivants : Exif Reader, Exif Farm ou Exif Manager. En ligne sur https://onlineexifviewer.com/ Possibilité de nettoyer nos fi chiers images avec ImageOptim sur mac https://imageoptim.com/fr Sur Flickr on peut af fi cher les données EXIF d’une photo : https://www. fl ickr.com/photos/yellowstonenps/51558602618/in/dateposted/ Exchangeable image fi le format