Optimisation dans l'utilisation des images


  1. Conseils d'optimisation
  2. Tableau estimatif sur le temps de téléchargement d'une image 20 ko.
  3. Avantages et inconvénients de chaque format



Conseils d'optimisation.
  • Essayez de trouver un juste milieu entre la qualité de l'image et la taille.
  • Le nombre de points par pouce (DPI) recommandé pour les images sur Internet est de 72, assurez-vous que toutes vos images ont bien été enregistrées avec cette résolution.
  • Pas plus de 10 ko pour un icône ou un bouton, 20 ko pour un gif animé et 30 ko pour une image Jpeg, c'est avec ces tailles que vous obtiendrez une vitesse d'affichage correcte. Au-dessus de ces tailles l'option entrelacée pour les gif et progressive pour les Jpeg est recommandée.
  • Pour une image Jpeg choisissez une compression entre 20% et 30% (1% est égal à une grande qualité mais une grande taille, 99% est égal à une qualité médiocre mais la taille du fichier est minime).
  • Essayer de découper au plus près l'image, ne laissez pas d'espaces inutiles, en effet la hauteur et largeur de l'image jouent sur la taille du fichier.
  • Réduisez au mieux le nombre de couleur de chaque image (essayez d'inclure dans chaque palette de couleurs les couleurs reconnues par windows et les navigateurs, cf. rubrique les 216 couleurs).
  • Attention même si votre image est constituée de 4 ou 5 couleurs, ne l'enregistrez pas au format 256 couleurs, utilisez plutôt le format 16 couleurs, sinon vous réserverez un espace inutile pour de nombreuses couleurs et la taille de votre fichier sera donc supérieure à celle nécessaire.
  • L'affichage progressif (ou entrelacé pour les Gifs) est intéressant si votre image est supérieure à 50 ko.
  • Vos images ne doivent pas dépasser
    • 0 - 50 pixels (largeur et hauteur) pour une icône, un bouton, un logo.
    • 50 - 300 pixels (largeur et hauteur) pour une photographie scannée.
    • 300 - 600 pixels (largeur et hauteur) pour les bannières.




Tableau estimatif sur le temps de téléchargement d'une image 20 ko.

Vitesse
de connexion (en bps)		 Taux de
Transfert maxi		 Temps nécessaire pour
charger une image de 20 ko
9600 960 carac. / sec. 21 sec.
14400 1440 carac. / sec. 14 sec.
28800 2880 carac. / sec. 7 sec.
33600 3360 carac. / sec. 6 sec.
56000 5600 carac. / sec. 3,5 sec.

 500 000

 56 000 carac. / sec.

 0,4 sec.




Avantages et inconvénients de l'utilisation de chaque format.

Format Description Utilisation
GIF
  • Pas de pertes de détails
  • 256 couleurs maxi
  • Affichage progressif possible (entrelacé)
  • Gère la transparence
  • Reconnu pas tous les navigateurs
Logo
Icônes
Banderoles
JPEG
  • Pertes de détails
  • 16,7 millions de couleurs
  • Affichage progressif
  • Ne gère pas la transparence
  • Reconnu par tous les navigateurs
Banderoles
Photographies
PNG
  • Pas de pertes de détails
  • 16,7 millions de couleurs
  • Affichage progressif
  • Gère la transparence
  • Pas encore reconnu par tous les navigateurs
Logo
Icônes
Banderoles
Photographies

La principale préoccupation concernant les images est d'optimiser leur taille
afin de les rendre les plus légères possibles sans altérer de façon perspectible leur définition.
Il existe quelques bon logiciels générant un ensemble d'images proposant de choisir l'optimisation souhaitée.

Citons Debabelizer qui est la référence en la matière mais reste un produit onéreux.
Le produit Web Graphix Optimizer
est un shareware qui est de très bonne facture donnant toutes les options nécessaires.

 


Conseils & exemples en numérisation avec comparaison des procédés Numérisation de photos

Tous les formats images numeriques


 

[Sommaire]