Documents multimédias L'IMAGE FIXE Jean-Philippe PERNIN Université Stendhal Département Informatique Pédagogique Bureau I 113 Mél. : Jean-Philippe.Pernin@u-grenoble3.fr
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 1 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
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 2 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
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 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
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 4 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).
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 5 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
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 6 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 : Taille octets = NbPixels x Taille_Echantillon octets Ex: Taille nécessaire pour coder une image millions de couleurs (24 bits) plein écran en (1024 x 768 pixels) Taille octets = 1024 * 768 * 3 = 2359296 octets = environ 2,36 MO
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 7 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..).
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 8 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.
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 9 Exemple de logiciel Paint.net
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 10 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
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 : Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 11 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)
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 12 Exemple de logiciel d image vectoriel Inkscape Format associé SVG
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 13 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.
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 14 L'image fixe : les formats sur le Web GIF JPEG PNG Nb des couleurs 8 bits au maximum Jusqu'à 24 bits Jusqu'à 32 bits Compression 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 Ttransparence Oui Non Oui Points forts Points faibles Utilisations recommandées Compression sans perte de données Transparence Possibilité de déterminer la qualité lors de la compression. Excellente compression des images photographiques 256 couleurs au La transparence n'est pas maximum. Peu prise en charge. La adapaté aux dégradés. compression altère la qualité Dessins animés LogosBannières animées Photographies scannées. Images comportant des textures complexes. Images comportant des dégradés complexes Compression sans perte de données. Prise en charge des images comportant un nombre important de couleurs La prise en charge par les navigateurs habituels est incomplète en l'absence de plug-ins Image comportant un nombre élevé de couleurs Effets réalistes de transparences complexes
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 15 Quelques logiciels (il en existe des centaines) Nom Logiciel Société Site Web Lecteur Editeur Formats acceptés Remarques Basique Paint Microsoft Editeur bitmap BMP, GIF (voire JPG, TIF, PNG) Permet le traitement simple d une image matricielle 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 Gratuit Paint.net Rick Brewster Editeur bitmap BMP, GIF, JPG, TIF, PNG, PCD, PCX Un très bon outil récent. Contient les principales fonctions y compris les calques. Gratuit GIMP Assoication GNU Editeur bitmap Tous Traitement d images complet et gratuit. Pas très simple à manipuler 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