Accueil > Démarche > Préparer les images
     
 

Préparer les images

 

Comment alléger les images pour accélérer l'affichage du site ?

 

 
Objectifs

 

 

Disposer d'images de poids raisonnable.

Procédure

 

 

La patience n'est pas la principale qualité de l'internaute. Une page web doit s'afficher en en une dizaine de secondes au maximum. Cela signifie que pour une connexion classique (56 kbits/s) le poids des fichiers composant la page ne doit pas dépasser un total de 50 ko (ko = kilo octet). On tentera même, lorsque cela est possible, de se limiter à 30 ko.

Les images sont des fichiers souvent très lourds. Il est indispensable de les compresser pour alléger les pages web. Deux principaux formats de compression sont utilisés :

  • Format GIF : Ce format n'altère pas la qualité de l'image. De plus, il permet d'utiliser la transparence. Mais il est limité à 256 couleurs, ce qui le destine plus particulièrement à la compression de dessins ou de photos en N&B. La compression est particulièrement bonne lorsqu'il y a des aplats de couleurs. On peut améliorer la compression en diminuant le nombre de couleurs de l'image (mais cela entraînera une perte de qualité). Ce format permet également de compresser des images animées.
  • Format JPEG : Ce format dispose d'un réglage du taux de compression. Plus on l'augmente et plus on détériore l'image. Il faut donc rechercher un compromis entre la qualité et le poids de l'image. Avec ce format, le nombre de couleurs n'est pas limité. Il est particulièrement utilisé pour les photos. On obtiendra une meilleur compression si les images n'ont pas d'aplats.

Pour mettre une image au format GIF ou JPEG, on l'ouvre dans un logiciel de retouche d'image et on l'enregistre au format désiré. Lorsque l'on se lance dans la retouche d'une image, il est toujours plus prudent de conserver une copie de l'original.

Une façon complémentaire de réduire le poids d'une image est de réduire sa taille. Tous les logiciels de retouche d'image savent faire cela.

Pour faire patienter l'internaute pendant le chargement d'une image GIF, on peut utiliser le format GIF entrelacé. Avec ce format, l'image pèse plus lourd mais son affichage est plus agréable : L'image apparaît entièrement. Au début, elle est floue puis elle s'éclaircit progressivement au fur et à mesure de son chargement. Le format normal, lui, effectue un pénible affichage ligne par ligne de l'image.

Activités

 

Compacter
compacter une image destiné au site en divers formats, observer le résultat, regarder la taille du fichier et choisir celui qui présente le meilleur rapport poids/qualité.

Dessiner
Avec un logiciel de dessin, réaliser une illustration pour le site. Compacter le fichier au format adéquat.

Dessiner
Utiliser le composant WordArt de Word ou Publisher pour dessiner le titre du site. Le transférer dans un logiciel de retouche d'images par copier-coller ou copie d'écran. Retravailler ce titre (par exemple en appliquant des filtres). compacter le titre obtenu au bon format.

Numériser
Numériser une illustration avec différentes résolutions, observer les résultats obtenus. En conclure que pour une image destinée à s'afficher sur un écran, il est inutile d'utiliser une résolution supérieure à 75 ppp.

Photographier
utiliser un appareil photo numérique pour illustrer le site.

Animer
Réaliser une image ou un texte animé à l'aide d'un logiciel d'animation d'image.

En savoir plus

 

Notre sélection :

Recommandé par les visiteurs :

Ressources

 

Notre sélection :

  • XnView, logiciel de visualisation et de conversion d'images : XnView

Recommandé par les visiteurs :

  • Microsoft Gif Animator, un petit logiciel gratuit (mais en anglais) pour créer des images animées : ZDNet
  • Paint Shop Pro v4, logiciel de retouche d'images : Académie de Toulouse

 

 

Objectifs

Procédure

Activités

En savoir plus

Ressources

 

Retour Démarche

Retour Accueil

 

Contribuez à l'évolution de ce site en nous faisant part de vos remarques.

 

 

 

 

Proposer un site

 

Signaler un lien brisé

 

Dernière mise à jour le 20/02/2003