1 / 16

Images Bitmap

Images Bitmap. Tableau de “points” ou “pixels” position, valeur (couleur) Origine analogique => numérique scanner, caméra CCD, carte à numériser, appareil photo numérique, fax.… Résolution Résolution de l’image : nbre de pixels par pouce (ppp ou dpi)

desma
Download Presentation

Images Bitmap

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Images Bitmap • Tableau de “points” ou “pixels” • position, valeur (couleur) • Origine • analogique => numérique • scanner, caméra CCD, carte à numériser, appareil photo numérique, fax.… • Résolution • Résolution de l’image : nbre de pixels par pouce (ppp ou dpi) • exemple : Appareils photo numériques : 640x480 ou 2000x1600 • Résolution du pixel: • 1 bit, 8 bits, 24 bits (RVB), • Taille du fichier = nbre de pixels x nbre de bits par pixel • Affichage de l’image : dépend des caractéristiques de l’écran et de la résolution de l’image

  2. Images Bitmap • Agrandissement Duplication des pixels => Anti-aliasing • Transformations géométriques d’une zone • Rotation • Translation • Homothétie • Pas de modifications de forme

  3. Images Vectorielles • Ensemble d’objets géométriques • droite, cercle, ellipse, rectangle,courbes de Bézier • Texte • attributs : position, couleur, … indépendant de la résolution • Origine : Principalement logiciel • Visualisation => pixels • représentation des droites: algorithme de Bresenham • Transformations géométriques de l’objet • Rotation • Translation • Homothétie • Modifications de forme de l’objet

  4. Bitmap => Vectoriel • Pourquoi? • Il faut retrouver la structure • Reconnaissance des objets (plans, schéma technique...) • Reconnaissance des caractères (OCR) • Différentes étapes • Détection des contours des objets • Squelettisation => • Vectorisation des contours • Extraction des caractéristiques des objets • Reconnaissance

  5. FORMATS des FICHIERS • Pour du texte • PostScript (eps) • PDF • XML et ses dérivées • Pour des images • JPEG • GIF • PNG • SVG , PostScript • Description des données • sans compression • avec compression - sans perte - avec perte

  6. PostScript • Langage informatique avec une syntaxe • description de pages • fichier texte • interprété pour les imprimantes • Eléments graphiques: • Droite, rectangle, cercle, ellipse, Bézier cubique… bitmap • description géométrique des objets, des caractères 0 0 moveto 90 0 lineto • Eléments textuels • Pour mettre un fichier PostScript dans une application, on l ’ »encapsule »

  7. Comparaison des résultats • Fichier "du contrôle" ( principalement du texte) • Word 32 ko • EPS 232 ko • PDF 20 ko • Fichier du cours sur les formats • Power point 116 ko • PDF 56 ko • Word 104 ko

  8. Compression JPEGJoint Photographic Experts Group • C’est une norme pour les images couleur YIQ • Compression avec ou sans perte • Différentes étapes: L’image est découpée en blocs 8x81) Transformée en Cosinus: DCT 2) Zig-zag 3) Quantification (seuillage) provoque une perte d’information 4) Codage entropique (Huffman) • des extensions au JPEG de base • Codage pyramidale • Codage arithmétique • Méthodes futures de compression • Par Ondelettes et par Fractales

  9. GIF Graphical Interface Format • Format de CompuServe • Utilisé pour le transfert de fichiers sur les réseaux publics • Images avec 256 couleurs maximum • transmission de la table des couleurs • GIF entrelacé • Simple transparence (une seule couleur transparente) • Compression LZW (Lempel, Ziv et Welch) • création dynamique d’un dictionnaire • sans perte • Possibilité de plusieurs images dans un seul fichier • GIF animé

  10. PNG Portable Network Graphic • Créé pour remplacer GIF, pas de brevet • Caractéristiques de GIF retenues dans PNG • Palette de couleurs (≤ 256) • Entrelacé • données textuelles dans le fichier • compression sans perte (LZ 77) • indépendance de la plate-forme • Transparence d ’une zone • Nouveautés • Vraies couleurs, jusqu'à 48 bits par pixel • Transparence complète (canal alpha complet) • indication sur le Gamma • détection d'erreur • Une seule image par fichier • Pas de vignette

  11. SVG Scalable Vector Graphic • Standard ouvert défini par le W3C dérivé de XML • Permet de diffuser du graphisme 2D vectoriel animé • Tous les avantages de Flash • Description des objets textes et graphiques • Position dans l ’espace et Transformation • Plusieurs couches d ’objets graphiques • Interactivité (syntaxe SMIL) • Évènements (click, mouse, dans un autre document,…) • Scalable: le rendu varie selon le périphérique <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 03December 1999//EN » "http://www.w3.org/Graphics/SVG/SVG-19991203.dtd"> <svg xml:space="preserve" width="5.5in" height="2.5in"> <rect style="fill:red;" width="250" height="200"/> <path d="M 50 10 L 350 10 L 200 120 z"/> </svg>

  12. Format PICT • Macintosh exclusivement • géré par l’interface graphique QuickDraw • Dans l’en-tête • Taille de l’image • Résolution des pixels Vraies couleurs ou 256 couleurs indexées • nombre de chaque élément • Les éléments • ligne, rectangle, ovale, arc, polygone, region, bitmap, texte… • Sans compression • BMP sur Windows

  13. Tag Image File Format (TIFF) • Aldus Corporation • Format de fichier pour stocker et échanger des images • pas pour une imprimante, ni de description de page • Dans l’en-tête : Nom de l’artiste (pas toujours prévu) • Plusieurs images • Format de base • Images noir et blanc codage RLE (longueur de plages) du fax • Images couleur RVB : éventuellement codage RLE • Extensions • Images couleur CMJN, YIQ, CIELab... • Compression JPEG • Compression LZW

  14. Comparaison des résultats • Photo "cougar" 601 x 890 avec 24 bits par pixel • 601 x 890 x 3 = 1567 ko • JPEG 75% 56 ko • JPEG 50% 44 ko • JPEG 25% 24 ko • JPEG 15% 16 ko • JPEG 10% 16 ko • GIF 316 ko • PNG-6 504 ko • Image de synthèse diner 512 x 512 avec 66 couleurs • GIF 96 ko • GIF entrelacé 182 ko • PNG 92 ko • JPEG 75% 64 ko • JPEG 50% 36 ko • JPEG 30% 20 ko • Méthodes futures • Ondelettes • fractales

  15. HTML (Hypertext Markup language) • Construit à partir de SGML (Standart Generalized Markup Language) • Langage de description de page utilisant les balises • HTML considéré comme un type de document SGML • Définit par un ensemble fixe de balises <balise> Text </balise> • Un peu rigide et limité • Les constructeurs ajoutent leur fonctionnalité => plus d’entière compatibilité HTML 4.0 • Supporte les feuilles de style • Eléments d ’internationalisation • D’où XML (extensible Markup language) dérivé de SGML • Définit la structure du document (gestion du contenu, pas le contenu) • DTD Document Type Definition • On peut « customiser » un type de document pour des applications particulières • Créer de nouvelles balises…

  16. XHTML : la prochaine version d ’HTML • S ’inspire d ’XML • Normalise le composition des pages • Feuille de style (CSS) • Fin des dérives en imposant des règles plus strictes • Fermeture obligatoire des balises • < tag> dgdgdgdgdg </tag> • Cas particuliers <br /> , <hr /> • Distinction minuscule, majuscule: balise en minuscule • Les attributs sont entre guillemets  • Espaces de nom (namespaces) : évolution des DTD

More Related