Technologies informatiques et multimédias Master « information-communication »

Y. DelmasY. Delmas 112009/10/152009/10/15

Technologies informatiquesTechnologies informatiqueset multimédiaset multimédias

Master « information-communication »

Yannis DelmasYannis Delmasyannis.delmas@univ-poitiers.fr

33

Y. DelmasY. Delmas 222009/10/152009/10/15

Formats de fichierFormats de fichier

Y. DelmasY. Delmas 332009/10/152009/10/15

Types de fichiersTypes de fichiers

• Types MIME...• Extensions simples, combinées...• Ce que vous connaissez...

Y. DelmasY. Delmas 442009/10/152009/10/15

Archivage et compressionArchivage et compression

• Pourquoi les fichiers d'“archive” :– Archivage et sauvegarde– Compression pour communication– Compression pour archive personnelle

• Loi de Moore...• Supports...• Toujours garder deux archives en deux

endroits.

Y. DelmasY. Delmas 552009/10/152009/10/15

Formats de compressionFormats de compression

• ...

Y. DelmasY. Delmas 662009/10/152009/10/15

Formats d'archivageFormats d'archivage

• ...

Y. DelmasY. Delmas 772009/10/152009/10/15

PDFPDF

• PDF : pages, livres, DRM, formulaires...• Normalisation (ISO, DGME/RGI) :

– PDF/A-1 : échange et conservation– PDF/X : chaîne graphique

• Logiciels...

Y. DelmasY. Delmas 882009/10/152009/10/15

Traitement de texteTraitement de texte

• ...

Y. DelmasY. Delmas 992009/10/152009/10/15

TableurTableur

• ...

Y. DelmasY. Delmas 10102009/10/152009/10/15

Images fixesImages fixes

Y. DelmasY. Delmas 11112009/10/152009/10/15

BitmapBitmap

Y. DelmasY. Delmas 12122009/10/152009/10/15

VectorielVectoriel

Y. DelmasY. Delmas 13132009/10/152009/10/15

Perception des couleursPerception des couleurs

• Lumière ↑• Récepteurs ↓

Y. DelmasY. Delmas 14142009/10/152009/10/15

Synthèse additiveSynthèse additive

• Ajout de lumières

• Moniteurs• Primaires :

– rouge– vert– bleu

Y. DelmasY. Delmas 15152009/10/152009/10/15

Synthèse soustractiveSynthèse soustractive

• Combinaison de filtres sur de la lumière blanche

• Encres• Primaires :

– cyan– magenta– jaune

Y. DelmasY. Delmas 16162009/10/152009/10/15

Représentations RVB et RVBαReprésentations RVB et RVBα

Y. DelmasY. Delmas 17172009/10/152009/10/15

Palette webPalette web

• 216 = 6×6×6 couleurs• Pour chaque composante :

• Écriture web : #3399CC (ou #39C)

hexadécimal 00 33 66 99 CC FF

décimal 0 51 102 153 204 255

proportion 0% 20% 40% 60% 80% 100%

Y. DelmasY. Delmas 18182009/10/152009/10/15

Représentations TSLReprésentations TSL

• En anglais : HSL• Composantes :

– Teinte (hue)– Saturation– Luminosité

Y. DelmasY. Delmas 19192009/10/152009/10/15

Représentation CMJNReprésentation CMJN

• Anglais : CMYK• Pour l'impression

Y. DelmasY. Delmas 20202009/10/152009/10/15

Compression “sans” perteCompression “sans” perte

• PNG (« ping »), GIF• Redondance inter-pixels (PNG) et de

code• Exemples en PNG :

taille uni photo aléatoire

200×150 360 o 64 kio 90 kio

2560×1712 16 kio 6 Mio 12,5 Mio

Y. DelmasY. Delmas 21212009/10/152009/10/15

Couleurs indexéesCouleurs indexées

• Palette de 256, 128, 64... couleurs• 1o (maxi) au lieu de 3• Peut améliorer la compression• Exemples en PNG :

taille brut truecolors indexé

200×150 90 ko 3 ko (30) 0,8 ko (110)

2560×1712

12,5 Mio 63 kio (200)

12 kio (1050)

Y. DelmasY. Delmas 22222009/10/152009/10/15

• Codage basé sur des carrés de 8px × 8px

• Données de plus en plus précises

• Redondance psycho-visuelle

Compression JPEGCompression JPEG

0% - 0,7 ko 0% - 0,7 ko

25% - 3,5 ko25% - 3,5 ko

50% - 5,5 ko50% - 5,5 ko

75% - 8,4 ko75% - 8,4 ko

100% - 32 ko100% - 32 ko

Y. DelmasY. Delmas 23232009/10/152009/10/15

Compression JPEG (2)Compression JPEG (2)

Y. DelmasY. Delmas 24242009/10/152009/10/15

Compression JPEG (3)Compression JPEG (3)