TD M1205 - Infographie MMI1 - Les formats de fichiers image

Documents pareils
Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Traitement numérique de l'image. Raphaël Isdant

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

TD : Codage des images

Voici quelques-unes des questions auxquelles répond cette présentation.

Création de maquette web

Optimiser les images pour l affichage sur votre site

Comment optimiser dans ImageReady?

Initiation à linfographie

Outils permettant la diffusion de l information. Un point sur le droit numérique

Cours de numérisation sur Epson Perfection

PHOTOSHOP - L'AFFICHAGE

Catégories de format d'optimisation

Utiliser le logiciel Photofiltre Sommaire

Sur trois couches, on obtient donc 2563 = de couleurs, soit 24bpp (Bit Per Pixel).

TP SIN Traitement d image

FORMATS DE FICHIERS. Quels sont les différents types d informations numériques dans un document multimédia?

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

Modules Multimédia PAO (Adobe)

Une passion, une formation, un métier... pour votre avenir

Supports. Images numériques. notions de base [1]

Formats d images. 1 Introduction

Les images numériques. 1. Le dessin vectoriel

Plan d études. Traitement visuel 2D. Techniques d intégration multimédia HU. legault/2d/ 1-2-2

INFO 2 : Traitement des images

Ateliers Bureautique et Internet

Usage des photos pour Internet et pour la presse

PHOTOSHOP INDESIGN ILLUSTRATOR

Module Transférer/récupérer ses photos de son appareil vers son ordinateur

Optimisation et formats d images standards pour le Web Par Thierry Goulet Web Designer, ministère de la Sécurité publique. Plan de conférence

Créative Cloud - Perfectionnement

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

nom : Collège Ste Clotilde

PHPWEBSITE -Tutoriel image

PR OC E D U RE S D E B A S E

WORDPRESS : réaliser un site web

4D v11 SQL BREAKING THE LIMITS * Les nouveautés

Comment échanger des données (fichiers) en format «STANDARD» lisibles par tous, quelque soit le programme et la version utilisés

1. Avoir un fichier InDesign correct :

Structure du format BMP, sa lecture, sa construction et son écriture

Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2

Hiver 2013 IMN 259. Introduction à l analyse d images. Par Pierre-Marc Jodoin

EXEMPLE DE PAGE : FORMAT A4 (210X297)

Création d un fichier html depuis PowerPoint dimanche 11 mai 2008

Les images et les animations sur le web. Guérineau Chloé BTS2 Année 2001/2012

Animation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3

L alternative, c est malin 1. Comment faire plein de choses pour pas cher sur MacIntosh

L espace de travail de Photoshop

Xara Xtreme Pro 4 Edition Image & Photo

Lightroom. Chambre noire numérique. Organisation. Lightroom Catalog.lrcat. Lightroom Catalog Previews.lrdata 2005, 2006, 2007

Manuel d'utilisation de l'administration du site Japo.ch - 1

Fonction Memory Viewer

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

Formats de fichiers pris en charge

Certificat Informatique et internet Niveau 1 TD D1. Domaine 1 : Travailler dans un environnement numérique évolutif. 1. Généralités : Filière

L ÉDITEUR DE COMPOSANTS A PROPOS DE LA TRADUCTION.

Utilisation de XnView

Dans l Unité 3, nous avons parlé de la

Manuel Utilisateur Version 1.6 Décembre 2001

Générer un PDF avec polices incorporées

Comment utiliser le logiciel Interwrite Workspace?

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Sommaire. 2. Utiliser la télécommande Télécommande Administrateur Télécommande Utilisateur Échanger une télécommande...

Logiciel ArpentGIS-PC Guide de l utilisateur

La solution universelle la plus performante qui soit! Retouche photo Graphisme Mise en page Haute qualité, intuitivité, rapidité


STAGES DE FORMATION INTER-ENTREPRISES PÔLE 45 BUREAUTIQUE

La clé USB nomade - La mobilité logicielle

MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA

CA CA T T AL AL O O GUE GUE CATALO FORMATIONS t n s c o p. f r / / / / / / c o n t a c t n s c o p. f r / / / / / # t r o c n u m

Traitement par lot redimensionner des images

Comment obtenir des ebooks sur le Reader

La photo numérique et les logiciels libres. Asie Photos

Utilisez Toucan portable pour vos sauvegardes

Maintenir un service de traitement de son ou d image d ordinateur

L infographie pour la sérigraphie artisanale

Leçon N 5 PICASA Généralités

Configuration du moteur de recherche de SharePoint Foundation 2013

Europresse.com. Pour les bibliothèques publiques et de l enseignement. Votre meilleur outil de recherche en ligne. Guide version 1.

Pop-Art façon Roy Liechtenstein

Canon Mobile Printing Premiers pas

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

COPY. Picture Style Editor Ver. 1.4 MODE D EMPLOI. Logiciel de création de fichiers de style d image. Contenu de ce mode d emploi

Spécifications techniques

Faire de la déformation interactive avec GIMP

Logiciel interne (firmware) du DiMAGE X1 Ver.1.10

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

MANUEL D UTILISATION ORBITVU EDITOR V.3

Caractéristiques Techniques LEICA M MONOCHROM (Typ 246)

AMELIORATIONS DES FONCTIONNALITES DISPONIBLES

Comment installer la configuration des salles sur son ordinateur personnel?

Windows Live Movie Maker

1 Comment faire un document Open Office /writer de façon intelligente?

Gordon Campey Novembre 2013

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Créer un modèle Impress

4/10. ext. MODE MODE. graphique. format ENREGISTREMENT. graphique 6/10 4/10 6/10. Cours E.Faÿs

Transcription:

TD M1205 - Infographie MMI1 - Les formats de fichiers image 1. Préalable : extension des fichiers Dans les pages qui suivent il est question d extension des fichiers. Il est bien sûr préférable d afficher ces extensions de façon à identifier les fichiers avec certitude. Les copies d écran ci-dessous précisent comment procéder pour leur affichage pour Mac OS et pour Windows : IUT de Troyes 1

Par ailleurs il est utile de rappeler que le renommage d un fichier par le changement du nom de l extension est prohibé (le système d exploitation vous alerte en pareil cas). 2. Les images matricielles / vectorielles Les images matricielles (ou pixélisées voire «bitmap») sont composées de pixels. C est ce type d images que l on manipule avec Photoshop. Il existe un autre type d'images numériques, les images vectorielles, dont le principe est de représenter les données de l image par des formes géométriques qui vont pouvoir être décrites d'un point de vue mathématique. Illustrator produit principalement des images vectorielles. 3. La compression des fichiers La compression conduit à réduire le poids des fichiers en supprimant les informations inutiles ou redondantes. Il existe deux types de compression : la compression non destructive : lors de sa restitution, l image est strictement identique à sa forme originale (il n y a aucune perte d information) la compression destructive : l image subit une simplification (il y a perte d information). 4. Les formats d images Les formats d images pour l impression Pour conserver la qualité des images à l impression, privilégiez les formats les riches : - si vous utilisez un appareil photo numérique de type reflex le format RAW (et ses nombreuses variantes différentes selon les fabricants DNG, NEF, CRW, ) s impose. - si votre image a été réalisée sur Photoshop ou Illustrator conservez le format propriétaire (PSD ou AI), - si vous devez communiquer vos images, à votre imprimeur par exemple, choisissez le format PDF en gérant la compression des images et en étant vigilant concernant les polices de caractères. Les formats d images pour le web Les formats JPEG, PNG et GIF sont les plus utilisés pour les images matricielles. SVG est utilisé pour les images vectorielles. JPEG Il s agit du format généralement recommandé pour l enregistrement de photographies. Les images sont compressées et parfois très dégradées si l objectif est de réduire le poids du fichier au maximum. IUT de Troyes 2

PNG-24 Comme JPEG, ce format est excellent pour les photographies. Préférez le format PNG-24 au format JPEG si votre image contient des pixels transparents (le format JPEG ne prend pas en charge la transparence ; vous devez la remplir avec une couleur de détourage). Pour une même image, les fichiers PNG-24 sont souvent beaucoup plus volumineux que les fichiers JPEG. GIF Il s agit du format idéal pour les dessins au trait, les illustrations comportant de larges zones de couleur en aplat et des détails précis, ainsi que pour le texte. Par ailleurs, si vous souhaitez exporter une image animée, vous devez utiliser le format GIF. PNG-8 Ce format, moins connu, est interchangeable avec le format GIF. Ses applications sont les mêmes (à l exception de l animation). SVG Ce format vectoriel (alors que les 4 précédents sont matriciels) est un format décrivant les images comme des formes, des tracés, du texte et des effets de filtre. Les fichiers produits sont compacts et offrent des images de qualité élevée sur le Web. Les utilisateurs peuvent agrandir leur vue d une image SVG à l écran sans sacrifier la netteté, le détail ou la clarté. IUT de Troyes 3

5. Exercices a- Propriétés des fichiers d images matricielles : en recherchant sur Internet, trouvez une définition pour les propriétés suivantes Transparence La transparence est une caractéristique permettant de définir le niveau d opacité des, éléments d une image. C'est-à-dire la possibilité de voir à travers l image des éléments graphiques située derrière celle-ci. Couleurs indexées Une image en couleurs indexées contient une table dans laquelle est définie l'ensemble de la palette de couleurs de l'image, et comporte jusqu'à 256 couleurs. Cette technique permet d'utiliser moins de couleurs que les images en 24bits tout en conservant une bonne qualité d'image. Entrelacement L entrelacement est un affichage progressif de l image, qui voit ça définition augmenter progressivement b- Complétez le tableau suivant : Format BMP Compression des données Nb de couleurs Non compressé de 2 à 16 millions Affichage progressif Format propriétaire (oui/non) Usage Non Non Image non dégradée mais très lourde. Stockage JPEG GIF Réglable, avec perte de qualité. Plus la compression est importante, plus l'image est dégradée. format destructeur Oui, sans perte de qualité 16 millions Oui Non, libre de droits de 2 à 256 avec palette. Tous usages, selon compression. Images "naturelles". Oui Brevet Unisys Image animé TIFF Réglable, au choix sans perte ou avec perte de qualité 16 millions Non Brevet Aldus corporation Tous sauf Internet IUT de Troyes 4

PNG Oui, sans perte de qualité de 2 à 256 (PNG 8) ou 16 millions (PNG 24) Oui Non, libre de droits Tous, recommandé Internet mais incompatible avec les navigateurs anciens. Supporte la transparence. Les exercices qui suivent se font avec le logiciel Photoshop c- À partir du fichier painted_ladies.jpg, testez les différentes options de format d enregistrement que propose le menu «Enregistrer pour le web de Photoshop». Notez dans un tableau les résultats obtenus (qualité et poids) pour chaque format. d- À partir du fichier transparent.jpg remplacez la couleur de fond par une couche transparente et sauvegardez dans un format permettant de conserver cette propriété. Format PNG e- Enregistrez le fichier test.psd au format PDF en testant 3 réglages différents (exploitez le paramètre prédéfini mais aussi les options de compression des images). Notez dans un tableau les résultats obtenus (qualité et poids) pour chaque version. IUT de Troyes 5

e- Qualité Poids Version 1 Sans compression Version 2 ZIP 7,12 Mo 8 bits 5,68 Mo Version 3 JPEG Minimum 4,11 Mo IUT de Troyes 6