4. Images

4.1 Taille ou poids (KO) des images

Comme vous le savez, dans le cas idéal, une page COMPLETE ne devrait pas dépasser de 25 à 50 KO. Dans la plupart des cas c’est assez difficile avec des textes et beaucoup d'images. Mais si vous surfez sur Internet, vous pourrez remarquer, que souvent les images à elles-seules font plus de 25 KO ; parfois même 40, 50 ou même 80 KO par image ! Même chez des professionnels ! Et ne parlons pas d’animations Flash... Avec des temps de chargement aussi long, on use de la patience de l’internaute...

Le format jpg génère généralement des images plus belles et plus PETITES que le format gif, puisque jpg travaille en "millions" de couleurs - gif par contre peut utiliser au maximum 256 couleurs par image.

gif est donc fortement conseillé - et résulte en des fichiers très petits - pour des images à peu de couleurs (boutons, graphiques, dessins simples, etc.). Dans les cas suivants, vous devriez utiliser gif. Exemple:

Pour les animations, utilisez le format "gif animé". Avec le format jpg, il est impossible de réaliser des animations.

En compressant correctement , on peut atteindre un bon résultat. Mais comme pour tout dans la vie : n’exagérez pas ! Si la qualité générale de l’image en pâtit et que le site en souffre, il sera contre-productif de compresser. Intervient ici la même règle du § 4.1: mieux vaut réduire la taille de l’image que de détruire l’image en compressant.

A cause de la résolution relativement faible de seulement 72 dpi sur Internet (par opposition à 300 dpi pour une impression "papier") un ajustement des couleurs et l'accentuation des images sont primordiaux. Les images suivantes doivent vous le démontrer:

Conseil: Plus l'image est petite, plus il est important de corriger les couleurs et la netteté de l'image

Une diffusion peut donner un bon effet d’optique dans la majorité des cas. Veillez toujours à laisser une marge pour la diffusion. Sinon, la diffusion sera interrompue (dans l'image du milieu, le bas est coupé net). Dans ce cas, agrandissez la surface de travail et travaillez avec la gomme (ajustez sur soft et très grand). Une correction est également possible avec Airbrush – mais dans FW (Fireworks) c'est plus facile avec la gomme.

Par la réduction à 256 couleurs, le format gif ne peut produire des dispersions nettes (surtout au bord). Si vous souhaitez que les couleurs se fondent, travaillez avec le format jpg.

Très souvent, le paramètre nombre de pixel est assez élevée pour la diffusion (par exemple 15 à 18 px). Si la diffusion doit être très douce, c'est une bonne solution. Mais dans le cas d’une valeur élévée, il est important de réserver la place nécessaire vers le bord de l’image ! Exemple: si la distance du bord est trop courte, il n’y a plus de place pour la diffusion: celle-ci sera "coupée" sur les bords !

Selon le contenu de certains sites Internet, la diffusion peut être trop "douce", ou trop "romantique". N’insérez alors pas uniquement une "image carrée", mais utilisez comme effet une ombre-portée". De cette manière, le rendu de l'image est meilleur et elle apparaît en trois dimensions . N’exagérez pas l’ombre – conservez une bonne relation avec la taille de l’image.

Basez-vous sur la nature: Placez une feuille de papier sur une surface et observez l’effet naturel du soleil. L’ombre la plus appréciée est en bas à droite – pas trop foncée – pas trop grande – douce dans son apparence générale:

faux
Ombre trop grande, trop noire dispersion pas assez prononcée

IMPORTANT: Conservez les mêmes valeurs pour l’ombre tout au long du même site Internet. De cette manière, le site devient plus harmonieux. Le soleil ne brille pas en alternance de gauche ou de droite ! Si vous avez à la fois des images très petites et d’autres très grandes, il peut être intéressant de modifier la taille de l’ombre en relation avec celle de l’image. Le degré de couverture et l’angle doivent être conservés!

Dans FW (Fireworks - fenêtre : effets) vous trouverez une liste d’effets qui peuvent améliorer une image. Ici aussi : pas d’exagération ! Si un effet chasse l’autre, l’optique générale du site devient trop irrégulière. Montrez au client les différentes possibilités et laissez-le choisir lui-même l’effet.