Infographie

Les formats d'image

Les formats d'image, c'est quoi ?

Les formats de fichiers sont un peu comme leur espèce. Dans la grande famille des images, il existe plusieurs façons de les encoder, selon qu'on veut gagner en poids, conserver la transparence, avoir des animations... Ce sont les formats d'image.

Chaque image a un format, que l'on peut reconnaître à son extension (la partie de son nom située après le point : image.jpg, loulubie.png, forum_258.gif...)

Sous Windows, par défaut, les extensions sont masquées

Par sécurité, je vous conseille de toujours afficher les extensions des fichiers pour savoir au premier coup d'oeil à quel "type" vous avez affaire.

Allez dans Paramètres > Afficher les fichiers et dossiers cachés. Dans la liste, décochez "Masquer les extensions des fichiers dont le type est connu".

Afficher les extensions des fichiers sous Windows

JPG, léger et universel

Image au format JPG

Le format .JPG, ou .JPEG, est un format très courant et passe-partout. Son gros avantage : il est très léger, ce qui est idéal pour Internet où la vitesse de téléchargement d'une page est un critère important !

Le secret de sa taille de guêpe, c'est sa compression. Au lieu d'enregistrer la couleur de chaque pixel, le logiciel va "regrouper" les zones de couleurs plus ou moins proches : cela fait moins d'informations à retenir, donc une image plus légère ! Vous pouvez régler la compression au moment de l'enregistrement.

Compression JPG
Plus l'image est compressée, plus son poids sera léger... mais moins sa qualité sera bonne.

Attention car la compression dégrade la qualité de l'image, en particulier si vous la ré-enregistrez plusieurs fois comme c'est le cas sur le Forum Dessiné.

Les dangers de la compression JPG

Pour le Forum Dessiné, j'utilise généralement une qualité élevée (9).

PNG, transparent et sans perte

Image au format PNG

Le grand avantage du format .PNG, c'est qu'il conserve la transparence. Mieux, il conserve même les transparences partielles, ce qui permet d'avoir des bords d'image progressifs (plutôt qu'un contour blanc pixellisé).

Le damier sous Photoshop

La contrepartie, c'est que le .PNG compresse seulement en groupant les couleurs identiques. Il est donc très efficace sur les images où il y a peu de couleurs différentes (aplats), mais si vous enregistrez une photo ou une illustration complexe, elle risque d'être trop lourde.

Comment conserver la transparence sur le Forum Dessiné ?

Lorsque vous postez une image plus grande que la taille maximale autorisée (plus de 800px de haut ou de 600px de large), les algorithmes du Forum sont contraints de la redimensionner, ce qui entraîne une perte de transparence.

Pour éviter ce problème, redimensionnez vous-même votre image dans votre logiciel avant de la poster.

GIF, celui qui bouge !

Image au format GIF

Le GIF est un autre format adapté au web. Particularité, il peut être animé !

Lorsque vous enregistrez une image au format .GIF, sous Photoshop, utilisez plutôt la commande Fichier > Enregistrer pour le web. Elle vous ouvre une fenêtre assez complexe, mais qui vous permettra de régler au poil les paramètres de votre image animée.

Enregistrer pour le web

Le GIF tolère la transparence mais attention, contrairement au PNG, il ne fait pas de transparence progressive... Ce qui signifie que, sur un fond coloré, les bords seront au mieux pixellisés, au pire entourés d'un léger contour blanc. Préférez donc le PNG si vous avez besoin de transparence. Notez aussi que les navigateurs ont du mal à redimensionner un GIF animé de façon lisse, ce qui donne un rendu pixellisé et mal fini.

Problème de transparence en GIF

PSD, XCF : les formats natifs

Parmi les nombreux autres formats existants, citons aussi les formats natifs : .PSD dans Photoshop, .XCF dans GIMP...

Contrairement aux précédents qui "aplatissent" l'image, ces formats permettent de conserver de nombreuses informations comme les calques, les modes de fusion, etc... ce qui en fait des fichiers très lourds. Ils sont indispensables pour pouvoir reprendre votre travail plus tard ou le partager avec d'autres personnes, mais ils ne peuvent pas être affichés sur Internet. Impossible de les utiliser pour poster sur le Forum Dessiné !

Liste des tutoriels

Tutoriel suivant

Petit lexique de l'infographie

Me connecter
ou
Je suis nouveau !

Mot de passe oublié ?

Votre compte sera automatiquement créé lorsque vous posterez votre premier dessin.

Pour participer, cliquez sur le bouton "Répondre" en bas du topic de votre choix. Le topic Bienvenue aux nouveaux est l'endroit idéal pour commencer !

C'est parti !