Accueil

Accueil
Pour Débuter
 
L'Essentiel
Règles d'Or
Logiciels
Téléchargement
Liens
 
Experts
Astuces
HTML
Balises META
JavaScript
 
Graphisme

Publier

Compteurs
Référencement
 

Plus !

   



Graphismes : Les Conseils

1/ Format des images : Gif ou Jpeg? 

Il existe plusieurs format graphiques , les plus courants sont le Gif et le Jpeg

Gif  (Grafics Interchange Format )
-
pour les images ne dépassant pas 256 couleurs,
- permet une compression sans perte
- permet la transparence et l’animation

Jpeg (Joint photographic Expert Group)
- pour les photos
- Permet une compression « à la carte », 
- mais perte de la qualité (testez les différentes valeurs)

 

2/ Trucs

La taille de vos images ne devraient pas dépasser 30-40 Ko 

  • sinon le temps de chargement devient trop long et fait fuir les visiteurs

  • Pour des illustrations qui ne peuvent pas être réduites, utilisez la représentation « vignette », avec un lien sur l’image originale que le visiteur affichera selon son gré ( et la rapidité de la connexion ) 

Si vos images sont trop grosses :

  • Vous pouvez diminuer la taille de l’image en réduisant le nombre de couleurs 

  • Utilisez la technique des images entrelacées : elles s'affichent en 4 temps , l'image devient à chaque étape plus détaillée , jusqu'à ce qu'elle soit complètement nette 

  • Vous pouvez aussi charger l'image en 2 temps : d'abord une image simplifiée , puis l'image finale grâce au codage suivant 

     <IMG SRC=" grosse_image.gif " LOWSRC=" image_légère.gif ">

  •  

Il est recommandé de donner une légende à une image.

Le texte de la légende permet aux visiteurs qui ont désactivé le chargement de l’image, d'apprécier le contenu de votre page. 

Il faut donc rajouter attribut :

ALT= "Tapez votre légende ici "

 

Attention à ne pas surcharger vos pages de graphismes : c'est long à télécharger , et si c'est des gifs animés donne le vertiges aux visiteurs ! qui se dépêchent alors de fuir
Si vous utilisez des images qui viennent d'un autre site , copiez les toujours sur votre site en local et ne faites jamais de lien vers le site qui les contient. Car si le site disparaît ou si l'auteur change les images de place , votre site rencontrera de nombreux problèmes

 

3/ Les Logiciels graphiques

Pour faire des bandeaux , de la retouche d'image , il est indispensable d'utiliser des logiciels spécialisés

  • PaintShopPro (dont vous pouvez télécharger la version démo sur : www.wska.com/france.html    et qui est probablement le meilleur rapport qualité-prix des logiciels graphiques

  • Adobe Photoshop : bien trop cher , mais de qualité

  • Fireworks de Macromédia est aussi un bon logiciel qui s'interface très bien avec Flash du même éditeur

  • ZPAINT un petit logiciel de quelques Ko qui permet de faire des boutons sans trop se fatiguer avec les mastodontes précédents

  • XnView est un programme indispensable qui vous permettra de gérer toutes les images de votre disque dur .... et en plus il est gratuit :)))

 

 

 

 

 

  Copyright  Gilles PERRIN - Y 2007