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

Images Bitmap Agrandissement

Duplication des pixels => Anti-aliasing

Transformations géométriques d’une zone Rotation Translation Homothétie

Pas de modifications de forme

Images VectoriellesImages 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

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

FORMATS des FICHIERSFORMATS 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

PostScript 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 »

Comparaison des résultatsComparaison 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

Compression JPEGCompression JPEGJoint Photographic Experts Joint Photographic Experts GroupGroup

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 8x8 1) 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

GIF Graphical Interface FormatGIF 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é

PNG Portable Network GraphicPNG 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

SVG Scalable Vector GraphicSVG 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>

Format PICTFormat 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

Tag Image File Format (TIFF)Tag Image File Format (TIFF)

Aldus CorporationAldus Corporation Format de fichier pour stocker et échanger des imagesFormat de fichier pour stocker et échanger des images pas pour une imprimante, ni de description de pagepas pour une imprimante, ni de description de page

Dans l’en-tête : Nom de l’artisteDans l’en-tête : Nom de l’artiste

(pas toujours prévu)(pas toujours prévu)

Plusieurs imagesPlusieurs images

Format de baseFormat de base Images noir et blancImages noir et blanc

codage RLE (longueur de plages) du faxcodage RLE (longueur de plages) du fax

Images couleurImages couleur RVB : éventuellement codage RLE RVB : éventuellement codage RLE

ExtensionsExtensions Images couleur CMJN, YIQ, CIELab...Images couleur CMJN, YIQ, CIELab... Compression JPEGCompression JPEG Compression LZWCompression LZW

Comparaison des résultatsComparaison 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

HTML (Hypertext Markup language)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…

XHTML : la prochaine version d ’HTMLXHTML : 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