Format d'Enregistrement

Formats d'Enregistrement d'Image

Paranthèse : Pour traduire les pages, sites étrangers cités, pensez à Google traduction

  

 

Vous connaissez les extensions de fichier :

.pspimage, .PSD, .ufo, .Upi, .Xcf, .JPEG, .PNG, .PDF, .EPS, .TIFF, .GIF, .bmp, d’autres que vous voyez dans PSP en faisant enregistrer sous.

 Les formats .pspimage, .ufo, .xpi, .xcf, .psd pour ne citer qu’eux sont des extensions de fichiers "en cours",

re-modifiables dans PSP ou Photoshop, …etc ; Les calques n’ont pas été aplatis.

Les images de ces fichiers ne sont pas « visibles », sauf si ouvertes dans ces logiciels et non publiables sur le Web.

Ce sont plus des documents en fait plus que des images, qu’on appelle : Fichiers Sources

 

Mais alors sous quel format enregistrer un fichier source  ?

Tout dépend de ce qu’on souhaite : qualité, poids minimum, à imprimer ou pas…. Et taille de l’image !

Le plus souvent nous allons enregistrer en : .GIF ou .JPEG, ou .PNG.

Chacun a ses particularités, et enregistre les données différemment, d’où ce petit cours, théorique certes, mais intéressant et utile je pense !

Des options de compressions plus ou moins élevées sont réglables lors de l’enregistrement sur les différents formats ; pensez à y regarder après avoir lu !

Il existe aussi des formats méconnus tels MNG ou APNG pour les animations et je vais vous en parler un petit peu.

Compression, entrelacement sont des termes communs à plusieurs formats, je vous en donne les explcations à la fin de la page

Fin du prologue, Allez on demarre , vous me suivez ?

On commence par le format JPEG, avec note spéciale sur le JPEG 2000, puis respectivement les formats PNG, GIF, TIFF et EPS

on tourne la page et 1er chapitre ...

 -1-.

JPEG : Acronyme de Joint Photographic Experts Group.

C’est une norme brevetée par IBM depuis 1991 –introduit sur la Toile en 1994 par Netscape Navigator.

Véritable nom du format JPEG : ISO/CEI 10918-1 UIT-T Recommendation T.81 … hé oui !!! Bon pas besoin de le retenir non plus !

A l’enregistrement tout ce qui peut être supprimé sans que cela se voit trop l’est ! Et si on enregistre le même fichier .Jpeg dans un logiciel de retouche d’images plusieurs fois, les dégâts de rendu s’accumuleront, il faut le savoir !

L’image est dégradée à chaque ouverture (décompression), et chaque fermeture après retouche, puisqu’elle re-compresse une image qui a déjà été compressée et subit des pertes. La dégradation varie aussi en fonction des images

Le JPEG n’est pas adapté au rendu texte sur une image.

Il prend en charge les données EXIF et IPTC (infos, date de la prise de vue ...).

Il existe plusieurs .JPEG  dont les 2 plus courants:

 

.JPEG/JPG : (je vous épargne le vrai nom) avec forte compression (de 3 à 100), perte de données et moindre poids.

Il ne conserve que les informations RVB des données. Les extensions en sont : .jpg-.jif-.jpe-.jpeg

C’est le format recommandé pour enregistrer dans les tutos PSP , pour mettre une image sur un forum à cause de son poids faible et parce que nous ne sommes pas des pros ! mais moi je le déconseille en fait, justement à cause des dégradations sur l'image qui en résultent. Il est utile cependant d'utiliser ce format pour des images à poster sur le web, vu le faible poids .

 

.JPEG 2000/JP2 : avec ou sans compression  ; par rapport au .jpeg classique, la perte de données est moindre d’où meilleure qualité des détails, mais le poids plus élevé. Il conserve jusqu’à 256 canaux d’informations de données et permet de gérer des images de très grandes dimensions ce qui n’est pas le cas du classique. Les extensions sont : .jp2-.jc2-.j2k-.jpc-.jpx

Beaucoup d’autres différences encore entre les 2 formats Jpeg que je vous laisserai voir seuls si cela vous intéresse

(Windows par défaut ne lit pas le format .JPEG 2000/JP2 ; par contre les logiciels gratuits XnView ou IrfanView le font très bien )

 

Je vous montre la différence entre les 2 qualités  ; je suis partie d'un tag fini de 800x700px  en .pspimage avec un poids de 5,60Mo. 

Peu visible à l’œil en taille normale, cette différence le sera par contre sur des photos qui ont une résolution bien supérieure,

ou dés qu’on zoome sur l’image, comme sur mes exemples ci-dessous ; le tag en .Jpeg = 146Ko ; en .jpeg2000 = 663Ko

Comme on dit y’a pas photo ! Certes le poids s‘en ressent mais niveau qualité ça les vaut bien, non  ?

En résumé sur le .JPEG : 

Il ne sauvegarde pas la transparence – Tous les calques sont fusionnés – Il ne permet pas les animations –

Selon le format l'image et le taux de compression la qualité sera très aléatoire, voire mauvaise avec beaucoup d'artefacts –Poids léger –Format destructeur

L'image déjà enregistrée avec une qualité médiocre, sera abimée encore à chaque ouverture pour la retoucher ! Il faut le savoir. 

NB : depuis quelques versions de PSP, il existe dans Menu Réglages/Ajouter, supprimer du bruit/Correction de l'artefact JPEG

En complément récent, je vous propose la lecture du débat/test sur le sujet : Entraide PSP

Options JPEG Classique

 

Compression : Une compression importante limitera la  retouche photo car elle comporte moins d’informations.

Elle dégradera la qualité visuelle de l’image dans les zones unies ou les dégradés.

Par défaut le logiciel proposera une compression entre 70 et 80,(PSPX8 propose 20 par défaut). C’est en général le meilleur rapport qualité/poids. Choisissez cette compression une fois que vous êtes certains de ne plus retoucher à votre image.

Sinon enregistrez-la avec une compression moindre pour un rendu de qualité

Informations Exif : acronyme d’ Exchangeable image file format

Ce sont les données enregistrées par l’appareil photo numérique, métadonnées (date, heure, paramètres de prise de vue, identification du type boitier, objectif,info sur les droits d’auteur/copyright).

Sur des photos, les données Exif vont aider à en comprendre les défauts.

Profil ICC : créé par l'International Color Consortium (ICC)

C’est un fichier numérique d'un format particulier (extensions .icc et .icm)décrivant la manière dont un périphérique informatique restitue les couleurs ; ce sont des profils couleurs. Un profil ICC peut caractériser :

-un écran, scanner, appareil photo numérique : il s'agira d'un profil RVB.

-une imprimante, traceur,  presse offset : il s'agira souvent d'un profil CMJN.

Sous-échantillonnage : l'oeil humain est plus sensible aux variations de luminosité qu'aux variations de couleur (luminance et chrominance). On va donc préserver la valeur de luminance de chaque pixel puisque l'œil y est sensible ; et, on va simplifier la chrominance en n'utilisant qu'une seule valeur moyenne pour 2 pixels, voire 4 pixels. Exemple :

1x1 1x1 1x1 ou  4 :4 :4. : Pas de sous-échantillonnage, les valeurs chromatiques de chaque pixel sont conservées. C'est la meilleure qualité !

2x1, 1x1, 1x1 / 4 :2 :2. : Sous-échantillonnage moyen sur 2 pixels

2x2, 1x1, 1x1 (par défaut)/ 4 :2 :0. : Sous-échantillonnage fort sur un carré de 4 pixels (2x2).

Options JPEG2000

 

 

Des options pour la plupart comprehensibles d'elles mêmes sauf

Code JPEG2000 uniquement : ? Je ne sais pas de façon sure  donc je ne dis rien pour le moment ! Je cherche, surtout pour savoir ce que cela change, a comme effets, conséquences par rapport à l’enregistrement en JPEG 2000 normal ?

 

 

En route vers le 2ème chapitre !

-2-

.PNG : Acronyme de Portable Network Graphics

Le PNG est un format lossless compression, c'est-à-dire sans perte de compression, qui a été crée en 1995, en réponse au brevet déposé pour le GIF.

Il existe en 8 ou 24 bits, ce qui change aussi le rendu.

Il n’est pas limité à 256 couleurs et conserve une bien meilleure qualité, lisibilité  de rendu d’image en cas de réduction.

Ce format embarque des informations sur le gamma de l'image, ce qui rend possible une correction gamma

et permet une indépendance vis-à-vis des périphériques d'affichage.

Il supporte les images en N&B (16bits/px), les images en couleurs réelles (48bits/px), les images indexées (256 couleurs)

Il supporte la transparence par couche alpha (256 niveaux de transparence, contre 1pour les gifs)

Plus de détails sur le format .Png sur les sites :

  & 

 En résumé sur le PNG :

Pas de perte de qualité – Excellent pour la réduction d’image – Aplati les calques en conservant la transparence s’il y en a –

Correction gamma possible – Adapté pour le Web – Ne supporte pas l’animation. Excellent !

La conséquence de ces qualités est que le poids des images reste élevé, mais pas de comparaison possible niveau qualité je crois !

Toujours pour le même tag de 800x700 px, si j’arrivais à 146 Ko en.jpeg, 663Ko en .Jpeg 2000, en .Png cela passe à 1.19Mo !!!

 

Au-dessus : Exemples details tag zoomés
Options d'enregistrement PNG

PNG-8 compresse efficacement les zones de couleur continues tout en préservant les détails précis, mais n’est pas supporté par tous les navigateurs – Equivalent au Gif – Bonne qualité, pas de détérioration sur du texte image

PNG 24 ne fonctionne pas avec le N&B – Très bonne qualité –Très bonne conservation de la transparence – Un peu lourd forcément ! Et donc pas toujours adapté pour le Web !

Enregistrer le gamma : Permet d'enregistrer des informations sur votre moniteur de façon à ce que l'image puisse être affichée de façon identique sur un autre moniteur, à condition que le programme d'affichage de l'image sache gérer ces informations

Niveau de compression : La compression PNG est sans perte, donc pas besoin d’afficher un taux  ˂ 9 sauf si le PC est très lent. Pas de perte à la décompression non plus

Vous pouvez choisir 2 options en cliquant sur « options » avant d’enregistrer ;

Davantage de réglages si vous cliquez ensuite sur « Optimisation » qui sert surtout à la diffusion sur le web.

A noter qu’il existe les formats MNG et Apng issus de PNG pour faire des animations

Je developperai ce sujet sur une autre page. Je vous donne juste l'envie d'y aller voir avec ma petite anim. Alors ?

 

Déjà le 3ème chapitre ? Yes !!!

-3-

Le GIF : acronyme de Graphics Interchange Format

Lancé par CompuServe en 1987, avec une compression sans perte LZW – Il est limité à 256 couleurs sans dégradés

ce qui pour les photos par exemple est bien trop juste pour un beau rendu

Pendant longtemps il fut le format le plus utilisé sur la Toile, car quasi le seul accepté.

Utilisé pour l’animation ou les diaporamas, puisqu’il permet de stocker plusieurs images dans 1 fichier

Il supporte la transparence sur une couleur, ce qui ne donne pas toujours de bons rendus, comme le montre mon animation balle

Le contour des images transparentes enregistrées en Gif, sera de moins bonne qualité qu’en Png

En conclusion sur le Gif : Supporte l’animation &1 transparence – Adapté au Web – Limité à 256 couleurs-

Qualité d’image médiocre – Poids plus léger qu’en .Apng ou Png - Format destructeur - Bof-Bof !

 

Options Gifs : 87a ou 89a ? Entrelacé ou non entrelacé ?

Format GIF89a  permet le stockage de plusieurs images dans un fichier, les possibilités d'animation d'images, de transparence de couleur et d'effet d'entrelacement

Vous pouvez choisir 2 options en cliquant sur « options » avant d’enregistrer ; davantage de réglages si vous cliquez ensuite sur « Optimisation ».

En plus il était tout petit! Heureusementqu'il y a un complément avant d'aborder le 4ème !

Comparaison entre Gif et PNG en images :

Dans les exemples ci-dessous le Logo IE avec/sans ombre, avec/sans fond, en relief ou pas.

1 : Logo IE enregistré en .Gif sous PSP

2 : Logo IE enregistré en .Gif sous Animation Shop en tant qu’animation

3 : Logo IE enregistré en .Gif sous Animation Shop en tant qu’image

4 : Logo IE enregistré en .Png sous PSP

Il est à noté que le rendu est "moins pire" , sous Animation Shop Image que sous Animation Shop Animation ;

juste l’ombre a disparue et les contours ne sont pas nets du tout !

Le meilleur rendu avec le format Gif est sur fond, mais plus de transparence ; par contre le poids est moindre qu’en png.

La qualité ça se paye il parait ! Je n'en étais convaincue dans mon quotidien, mais là je dois reconnaitre ...

Gif/PSP GIF/As Animation GIF/AS Image PNG/PSP

33,9 Ko

35,5 Ko

19,4 Ko

101 Ko

16,2 Ko

16,8 Ko

12,1 ko

40,1 Ko

 30,5 Ko

32,8 Ko

 41,5 Ko

141 ko

 

Bon on repasse aux choses serieuses et on aborde le 4ème chapitre concentré

-4-

Le format EPS : Acronyme de Encapsulated PostScript

Format ouvert créé par Adobe Systems pour être utilisé pour les réalisations de type " vectoriel ".

Dans le milieu professionnel, le format EPS est très utilisé car il conserve toutes les qualités vectorielles. Il est utilisé par Illustrator par ex.

C’est un fichier PostScript encapsulé, c'est-à-dire un fichier PostScript prévu pour pouvoir être incorporé dans un autre fichier.

Il est très utile à l’impression avec Prinfile par exemple et au transfert entre différents logiciels ; EPS ne prend pas en charge la transparence

Enfin plus de la moitié de lue ! Ouf , il était temps !

-5-

Le format TIFF : Acronyme deTag(ged) Image File Format

C’est un format pour image numérique développé par Microsoft et Aldus qu’Adobe a racheté

C’est d'un format en encapsulation c'est-à-dire pouvant contenir des données de formats arbitraires.

Il  permet de conserver les calques, est lu par tous les logiciels de retouche photo (et bornes de tirage photo)

et permet la compression des calques sans perte de données.

Particulièrement adapté pour les travaux à haute résolution et pour l’impression ; par contre qui dit super qualité, dit aussi super poids !

Fin du 5ème et début de l'avant dernier chapitre ! On tient le bon bout !

 -6-

Enregistrer pour le web et les périphériques...

Ce n’est pas un format mais un type d’enregistrement.

Je vous laisse lire ce qui est dit à propos de Photoshop sur le Sujet, mais qui à valeur générale

Par Yannick Piault sur OpenClassrooms

Fin du 6ème, pu qu'un ... Ah non !!! Y'a encore un ptit supplément !

Les Options de formats générales

Poids des images : Dans chaque fenêtre option d’enregistrement dans le format choisit, vous avez la possibilité de voir

le poids de votre image après enregistrement, selon les réglages indiqués.

Image entrelacée  ou non entrelacée

Une image entrelacée s'affiche de façon progressive, d'abord grossièrement puis de plus en plus détaillée.

Une image non-entrelacée s'affiche quand elle est entièrement téléchargée.

Le temps de chargement est en effet identique mais une image entrelacée donnera l’illusion de se charger plus vite ;

c’est inutile sur les petites images.

L’entrelacement ne permet pas de compresser l'image autant qu’en mode standard, donc les fichiers sont plus lourds

pour une qualité identique à ceux non entrelacés

Optimisation ou pas ? En règle générale je dirais non pour limiter au max la dégradation –

Valable pour une diffusion sur le web surtout- Source de dégradation – vérifiez en quand même les réglages !

Taux de compression : pas besoin de détailler la fenêtre des options est claire sur le sujet

Cette fois c'est sûr, on est arrivé au dernier chapitre

-7 -

Conclusion générale

Format

Poids

Animation

Qualité

Web

Impression

Conclusion

JPEG

V

-

-

V

-

-

JPEG 2000

V

-

V

V

V

+

GIF

V

V

-

V

-

-

PNG 8

V

-

V

V

V

+

PNG 24

-

-

V

?

V

+

MNG/Apng

-

V

V

V

-

+

Ma conclusion perso à moi toute seule :

Toutes ces explications sur les différents formats les plus couramment utilisés m’ont permis de mieux saisir les avantages et défauts de chacun.

 

Je dirais que si on a la place de stocker, alors mieux vaut enregistrer nos créations en .PNG ou .JPEG 2000, avec un taux de compression faible

pour avoir la meilleure qualité d’image qu’il sera possible d’agrandir ou réduire sans trop de dégâts visuels, d'ouvrir et fermer à volonté sans risques.

 

Rien n’empêche de faire une copie de notre création en format JPEG classique, plus compressée pour la poster sur  forum,  mail …etc pensez-y !

 

Je pense particulièrement aux masques : 

il ne devrait vraiment JAMAIS être enregistrés en .Jpeg classique tellement la qualité est médiocre ;

si on zoome, on se rend compte que dans ce format la proximité entre les zones noires et blanches est mal délimitée,

pleine de pixels des 2, ce qui rend les sélections propres plus que difficiles en cas de besoin !

Enregistré en Jpeg 2000 ou Png, ce problème n’existerait pas ou moins !

Illustration de mes propos : Vous pouvez cliquer sur les images pour les afficher en plus grand

       

 Pour les animations, je vais m’employer à utiliser de plus en plus le format MNG ou Apng, pour leurs qualités de rendu

Il existe encore bien des formats mais ce sera pour une autre fois , peut-être !

En page suivante je vous ai noté tous les liens que j'ai consulté, si cela vous interesse pour approndir la question

 

Fini !!! Yes Yes Yes ! Bon Ok on ferme le livre mais on n'oublie rien ! Promis ?

HAUT de PAGE

Formats d'Enregistrement d'Image

Paranthèse : Pour traduire les pages, sites étrangers cités, pensez à Google traduction

 

 

Ici tous les liens que j'ai consulté , si vous voulez en savoir plus encore sur les différents formats de fichier images

 

 

Pour en savoir plus /Références

 

TOUS FORMATS

 

http://www.eric-bellot.fr/node/56

 

http://www.patmo.net/article_3_1.htm

 

http://openclassrooms.com/courses/debuter-sur-adobe-photoshop/la-zone-de-travail-3

 

http://chlodine.free.fr/Photoshop%207.0/Aide/help.html rubrique enregistrement d’images.

 

http://helpx.adobe.com/fr/photoshop/using/file-formats.html

 

http://www.maths-informatique-jeux.com/programmation/divers/compression/images.php

 

http://www.photofiltre-studio.com/doc/enregistrer.htm

 

  http://www.imedias.pro/cours-en-ligne/graphisme-design/images-destinees-a-internet/avantages-contraintes-formats-images-internet/

 

http://www.imedias.pro/cours-en-ligne/graphisme-design/images-destinees-a-internet/caracteristiques-formats-images-internet/

 

http://css-ig.net/

 

 http://www.photograpix.fr/blog/trucs-et-astuces/presentation-differents-formats-fichiers-pour-vos-photos-numeriques/

 

http://www.en1heure.com/choisir_un_format_dimage_pour_son_site_jpeg_gif_ou_png.php

 

http://www.en1heure.com/pratique_formats_image.php

 

http://maisondesrevues.org/214

 

http://www.infocom21.net/spip.php?article138

 

http://tecfa.unige.ch/tecfa/teaching/staf13/fiches-mm/formatfichier.htm

 

http://www.linternaute.com/photo_numerique/trucs/format.shtml

 

http://www.orditron.com/documentation/jpg-gif-png-tiff-bmp-que-choisir.html

 

PNG

 

http://www.eric-bellot.fr/node/61

 

http://fr.wikipedia.org/wiki/Portable_Network_Graphics

 

http://css-ig.net/articles/optimisation-png-etapes

 

http://www.en1heure.com/optimisation_png.php

 

JPEG2000

 

https://www.google.fr/

 

http://fr.wikipedia.org/wiki/JPEG_2000

 

http://www-rech.telecom-lille1.eu/coresa2004/articles/p108-hammami.pdf

 

http://dit-archives.epfl.ch/FI01/fi-3-1/3-1-page1.html

 

http://www.melaneum.com/thesehtml/thesech3.html

 

JPEG

 

http://fr.wikipedia.org/wiki/JPEG

 

http://www.eric-bellot.fr/node/63

 

http://www.en1heure.com/optimisation_jpeg.php

 

 http://www.photograpix.fr/blog/trucs-et-astuces/les-compressions-jpeg-et-leurs-consequences-sur-la-qualite-de-image/

 

GIF

 

http://fr.wikipedia.org/wiki/Graphics_Interchange_Format

 

http://www.commentcamarche.net/contents/1201-gif-format-gif

 

TIFF

 

http://fr.wikipedia.org/wiki/Tagged_Image_File_Format

 

http://www.commentcamarche.net/contents/1205-tiff-format-tif

 

EPS

 

http://fr.wikipedia.org/wiki/Encapsulated_PostScript

 

http://www.commentcamarche.net/contents/382-eps-fichier-eps

 

EXIF, ICC

 

http://fr.wikipedia.org/wiki/Profil_ICC

 

http://www.photograpix.fr/blog/trucs-et-astuces/donnees-exif-photo/

 

COMPRESSION D’IMAGE

 

http://www.europschool.net/static/formation/pdf/compresser_image.pdf

 

HAUT de PAGE

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site