Documents multimédias L`IMAGE FIXE - Jean

Documents multimédias
L'IMAGE FIXE
Jean-Philippe PERNIN
Université Stendhal
Département Informatique Pédagogique
Bureau I 113
Mél. : [email protected]
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Le traitement de l’image fixe
On considère ici l'image comme un scène figée existante ou
imaginaire
• Percevoir un scène existante
– miroir, lunette ???
• Reproduire un scène existante ou figurer un scène imaginaire
– Outils : doigt, caillou, bâton, stylet, crayon, fusain, pinceau, …
– Supports : sable, terre, roche, pierre, papyrus, papier, toile, …
• Stocker et transporter
– dépend de la nature du support
1
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
La perception du phénomène
En dehors des sources directes de lumières, les couleurs perçues sont des lumières
réfléchies par les différents objets qui nous entourent.
Toutes les longueurs d'ondes
sont émises par le soleil
Seule la longueur d'onde du JAUNE
n'est pas absorbée par la banane
La banane est donc perçue
comme étant Jaune
2
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Parier ?
• Que se passe-t-il si on mélange du rouge et du vert
sur une image d'ordinateur ?
Voir la solution
3
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Toute couleur peut être recréée à partir de l'addition de trois
couleurs fondamentales :ROUGE, VERT et BLEU
Synthèse Additive
ROUGE + VERT = JAUNE
ROUGE + BLEU = MAGENTA
VERT + BLEU = CYAN
ROUGE + VERT + BLEU = BLANC
4
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Le codage matriciel
Codage de l'image fixe
Les formats MATRICIELS (ou bitmap) : L'image est
représentée comme une ensemble de points élémentaires.
Chaque point est un pixel (picture element).
5
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Le codage des couleurs
Codage numérique RGB
Toute couleur peut être recrée à partir de
l'addition de trois couleurs fondamentales :
- le rouge
- le vert
- le bleu
Codage numérique HLS
Toute couleur peut être également être
définie à partir de trois paramètres :
- HUE (Teinte) couleur
- LUMINANCE (Luminosité) :
- SATURATION : Intensité de la teinte
6
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Taille d’une image numérique matricielle ?
Critères de qualité d'une image numérique matricielle
• Nombre de pixels / surface
• Nombre de couleurs possibles pour un pixel
• Calcul de la mémoire nécessaire pour coder une image
numérique :
Tailleoctets = NbPixels x Taille_Echantillonoctets
Ex: Taille nécessaire pour coder une image millions de couleurs (24 bits) plein écran en
(1024 x 768 pixels)
Tailleoctets = 1024 * 768 * 3 = 2359296 octets = environ 2,36 MO
7
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Numérisation de ressources analogiques existantes
• Numériser une ressource analogique déjà existante
(image, photo, etc.)
– utilisation d'un scanner et d'un logiciel spécialisé
• Principe
– L'image est balayée pixel par pixel.
– Elle peut être prévisualisée.
– Un fois l'image souhaitée obtenue,
elle peut être sauvegardée sous le
format souhaité (BMP, TIF, JPEG, GIF, etc..).
8
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Edition numérique d’images numériques
• Edition de fichiers graphiques : logiciels de retouche
graphique
• Principales fonctions proposées
–
–
–
–
–
réduire augmenter
déformer
appliquer des filtres (amélioration de l'image ou effet artistique)
retoucher l'image
modifier le format (éventuellement compresser)
• Exemples de logiciel : Photoshop, Paint.net, The Gimp, Paint
Shop Pro, Photo Deluxe, etc.
9
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Exemple de logiciel
Paint.net
10
11
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Le codage vectoriel de l’image
Les formats VECTORIELS : L'image est représentée comme
un ensemble d'objets caractérisé chacun par de propriétés.
(limites, taille, couleur, motif, ...).
Forme : Ellipse
Couleur : 255,0,0
Hauteur : 200
Largeur : 200
Position X = 100
Position Y = 400
Forme : Ellipse
Couleur : 255, 255, 255
Hauteur : 150
Largeur : 150
Position X = 125
Position Y = 425
Forme : Flèche
Couleur : 0,0,0
Hauteur : 40
Largeur : 130
Position X = 150
Position Y = 450
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Formats vectoriels
• Les formats VECTORIELS
–
–
–
–
Peu coûteux en place mémoire
Changement de taille sans modification de la taille mémoire
Adapté à la représentation d'objets
Pas adapté à la représentation réaliste
• Exemples :
– Les images traitées par Powerpoint
– Le logiciel InkScape (gratuit, permet de créer un document au
format SVG, format vectoriel visualisable dans un document web)
12
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Exemple de logiciel d’image vectoriel
Inkscape
Format
associé
SVG
13
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
L'image fixe : les formats les plus courants
BMP : Format d'image standard Windows, compression RLE possible.
TIFF (Tagged-Image File Format)
Ce format est utilisé pour échanger des fichiers entre des applications et des plates-formes.
GIF Graphics Interchange Format (dans le domaine public, depuis 2006)
Le format GIF, a été développé parCompuserve en 1987 pour permettre un échange rapide de fichiers
graphiques sur les lignes téléphoniques. Se présente sous deux formes différentes : GIF87a et
GIF89a qui comprend une série de fonctions supplémentaires dont la transparence. C’est un format
particulièrement adapté aux dessins au trait et les images ne comportant pas trop de changement de
couleurs.
JPEG (Joint Photographic Experts Group)
La norme JPEG est née de la recherche d'une norme pour la compression des données graphiques.
L'association de deux groupes de normalisation, le CCITT et l'ISO, supportée par divers groupes
industriels et universitaires, donna naissance au J.P.E.G.:(Joint Photographic Experts Group).
PNG, Portable Network Graphics
(PNG) est un format ouvert d’images numériques, qui a été créé pour remplacer le format GIF, à
l’époque propriétaire et dont la compression était soumise à un brevet. Le PNG est un format non
destructeur spécialement adapté pour publier des images simples comprenant des aplats de couleurs.
14
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
L'image fixe : les formats sur le Web
Nb des couleurs
Compression
Ttransparence
Points forts
Points faibles
Utilisations
recommandées
GIF
8 bits au maximum
JPEG
PNG
Jusqu'à 24 bits
Jusqu'à 32 bits
comprime les zones unies de comprime les transitions
Pas de perte de
couleur.
complexes de couleurs. Pas
données
Pertes de données
de perte de données
Oui
Non
Oui
Possibilité de déterminer la
Compression sans perte de
Compression sans
qualité lors de la compression. données. Prise en charge des
perte de données
Excellente compression des images comportant un nombre
Transparence
images photographiques
important de couleurs
La prise en charge par les
256 couleurs au
La transparence n'est pas
navigateurs habituels est
maximum. Peu
prise en charge. La
incomplète en l'absence de
adapaté aux dégradés. compression altère la qualité
plug-ins
Photographies scannées.
Image comportant un nombre
Dessins animés
Images comportant des
élevé de couleurs
LogosBannières
textures complexes.
Effets réalistes de
animées
Images comportant des
transparences complexes
dégradés complexes
15
16
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Quelques logiciels (il en existe des centaines)
Nom Logiciel
Société
Site Web
Lecteur
Editeur
Formats
acceptés
Basique
Paint
Microsoft
Editeur
bitmap
BMP, GIF
(voire JPG, TIF, PNG)
Payant
PhotoShop
De 100 à 1000 euros
Adobe
Editeur
bitmap
Tous
•La référence. Le plus complet mais complexe
à utiliser pour un usage moyen. Prix élevé.
Partagiciel
Paint Shop Pro
€ 69,00
Jasc
Editeur
bitmap
Tous
•Un sérieux concurrent à Photo Shop. Et
beaucoup moins cher
BMP, GIF, JPG, TIF,
PNG, PCD, PCX
• Un très bon outil récent. Contient les
principales fonctions y compris les
calques.
Remarques
•Permet le traitement simple d’une image
matricielle
Gratuit
Paint.net
Rick Brewster
Editeur
bitmap
Gratuit
GIMP
Assoication
GNU
Editeur
bitmap
Tous
Payant
Fireworks
Macromedia
Editeur
vectoriel
vectoriels
•Traitement d’images vectorielles adaptées au
Web
Payant
Illustrator
Adobe
Editeur
vectoriel
vectoriels
•La référence pour les images vectorielles
•Traitement d’images complet et gratuit.
Pas très simple à manipuler