Ministère de l'Education Nationale Académie d'Aix-Marseille
  • Augmenter la taille
  • Taille par défaut
  • Diminuer la taille

Contient les catégories concernant les individus qui souhaitent devenir ou qui sont rédacteurs du site...



Préparer une image pour l'insérer dans un site web

Envoyer Imprimer PDF

Préparer une image pour Internet pour l’envoyer par e-mail ou la publier sur le Web

Vous avez pris une photo avec votre appareil photo numérique, ou scanné une page de magazine, ou encore copié des images depuis un CD... et vous souhaitez maintenant l’envoyer par courriel ou la publier sur le Web.

Une image numérique se caractérise par : son nom, sa résolution, sa taille, son poids et son format de fichier.
Vous devez connaître ses caractéristiques et savoir les modifier en fonction de l’utilisation que vous souhaitez avoir de cette image.

Une image destinée à l’impression devra avoir une résolution plus importante qu’une image destinée à être affichée uniquement à l’écran. Inversement, une image destinée à être envoyée par courriel, ou publiée sur une page web, devra avoir un poids peu important.


Ordres de grandeur pour des images numériques

Type d'utilisation
Pour le Web Pour imprimer
Nom

nom_image.jpg

(court, sans espace, ni caractères spéciaux)

Nom de l’image
Résolution 72 dpi maximum 300 dpi minimum
Profil colorimétrique RVB CMJN (quadrichromie)
Taille (HxL)

300 x 400 pixels

maximum :

1000x1000 pixels

10 x 15 cm
Poids 3 à 800 ko plus de 1,20 Mo
Format de fichier

.jpg .jpeg .gif .png

(.jpg plus léger que .png...)

.tiff .bmp .xcf .psd . eps etc.

Que ce soit pour envoyer une image par mail à quelqu’un, ou pour la publier sur une page web, prenez soin de vérifier :

1°) Sa résolution : un écran d’ordinateur a une résolution d’affichage de 72 dpi. Il est donc parfaitement inutile d’envoyer une image ayant une résolution supérieure : elle ne s’affichera pas mieux ! Par contre, elle sera plus lourde et donc plus longue à afficher, ce qui n’est jamais très agréable.

2°) Son profil colorimétrique : de même, l’écran d’ordinateur n’utilise que 3 couleurs [2]. Ne restez pas en mode CMJN, mais convertisssez votre image en RVB.

3°) La taille : à l’écran, les dimensions (HxL) s’expriment en pixels (px). Pour avoir un ordre de grandeur, une image de 500 px de large est déjà grande.

4°) Son poids : normalement, il ne doit pas excéder quelques Ko. Si ce n’est pas le cas, réduisez sa taille (HxL) et/ou la compression du fichier, jusqu’à obtenir un poids convenable (moins de 800 Ko -qui est déjà beaucoup- !).

5°) Son format de fichier : il existe une multitude de formats de fichier, qui ne sont pas compatibles avec toutes les configurations d’ordinateurs. Si vous voulez être certain/e que votre image soit bien reçue et visible, convertissez-la en .jpg ou .gif car ces deux formats sont reconnus par la majorité des logiciels de navigation.

6°) Son nom : de préférence en minuscules, sans accent ni ponctuation, sans espace (utilisez les caractères - ou _ pour combler les espaces) ; si elle n’est pas mentionnée, ajoutez l’extension du format de fichier.
Cela doit ressembler à : nom_image.jpg

Je vous conseil un logiciel très pratique pour préparer une ou plusieurs images : XnConvert

Il est libre, gratuit et fonctionne sur tout les systèmes (Linux, Mac, Windows...)