    |
|
    |
|
|
|
|
Rien n’a autant d’effet sur l’aspect du magasin ShopSite que des images de qualité. La plupart d’entre nous ne sont ni artistes ni concepteurs graphiques, et rares sont les experts de Photoshop. C’est pourquoi, nous devons soit engager des experts pour faire le travail à notre place, soit nous entraîner un peu, nous entourer de bons conseils et utiliser les outils appropriés.
Adobe Photoshop est le logiciel standard pour la création et l’édition de graphiques pour le Web. Il s’agit cependant d’un logiciel commercial compliqué et onéreux comprenant bon nombre de fonctions que le concepteur de site Web moyen n’utilisera jamais. Fort heureusement, il existe quelques autres logiciels en libre-échange :
Pour Windows
LView Pro
Excellente application de logiciel en libre-échange permettant de convertir et d’éditer des graphiques pour pages Web.Paint Shop Pro
Plus volumineux et plus sophistiqué, Paint Shop Pro offre davantage d’outils d’illustration et de création d’images, de même que de conversion de fichiers.Pour Macintosh
Graphic Converter
A chaque nouvelle version, Graphic Converter acquiert davantage de fonctions de Photoshop ; il offre une capacité de conversion multi-fichiers de même que des fonctions d’édition.Informations générales sur les graphiques
Creating High-Impact Documents
Cette ressource Netscape fournit toutes les informations essentielles sur les graphiques. A lire absolument.Make Your Scanner a Great Design Tool
Cet excellent site est à lire absolument pour toute personne disposant d’un scanner. Votre scanner va vous étonner.GIF animés
Lisez cet article de C|Net sur l’animation GIF, puis téléchargez le logiciel d’animation GIF pour Windows ou Mac.
Alléger pour accélérer
Un élément graphique bien réalisé confère de la crédibilité à un site. Il montre que vous accordez suffisamment de valeur à ce site pour y consacrer le temps nécessaire pour le rendre visuellement attrayant. C’est particulièrement important pour les vendeurs. Il faut voir les choses en face ; le Web comprend un grand nombre d’opérateurs douteux. Vous ne ferez pas d’affaires tant que les clients potentiels n’auront pas l’impression que vous êtes là pour durer. Les graphiques peuvent également définir votre image publique. Il n’y a pas de visages sur Internet, pas de mains à serrer, pas de langage corporel. L’esthétique personnelle d’un individu peut révéler sa personnalité. C’est là une excellente chance de faire une première impression favorable.
Les graphiques ajoutent aussi de la fonctionnalité au site. Bien que l’apprentissage de la lecture se fasse naturellement à partir des livres d’images de notre enfance, la plupart d’entre nous pensent que l’utilisation de texte pur est plus professionnelle. Il est toutefois important de comprendre qu’un écran plein de texte n’est en rien comparable à une page pleine de texte. Vous pouvez constater qu’à la lecture de ce paragraphe, vos yeux se fatiguent rapidement. C’est parce que le texte à l’écran vibre très rapidement et que votre oeil s’efforce constamment de compenser ce scintillement. Les graphiques sont capables de faire passer un grand nombre d’informations en un clin d’oeil, sans exiger, le plus souvent, une lecture aussi attentive que du texte.
Quelques considérations techniques
Sur Internet, la qualité, c’est la vitesse. Les graphiques doivent donc se télécharger rapidement ou, du moins, donner l’impression qu’ils se téléchargent rapidement. Quelques facteurs déterminent la vitesse de téléchargement
- La taille du graphique--quantité de mémoire occupée... nombre de "k"
- La vitesse du serveur sur lequel il est stocké
- Le trafic auquel le serveur est confronté (nombre de personnes accédant au serveur à un moment donné)
- La vitesse d’accès du navigateur à Internet
- La vitesse de traitement de l’ordinateur
Ces trois grands facteurs sont, à leur tour, influencés par d’autres variables. La taille du graphique est déterminée par sa résolution (pixels ou lignes par pouce), ses mesures réelles, le nombre de couleurs et le taux de compression.
La vitesse du serveur de "départ" est dictée par le type de connexion Internet (le serveur est-il sur une ligne téléphonique T1, T3 ISDN ou ordinaire), et les capacités de calcul de l’ordinateur.
La vitesse d’accès du navigateur est, à son tour, conditionnée par celle du modem (56 K ou 33,6 correspondant au haut de gamme, et 2400 à l’âge de la pierre) et la connexion du fournisseur.
Quant au trafic auquel le serveur est confronté, il est totalement aléatoire.
Enfin, l’ordinateur sur lequel est installé le navigateur conditionne également la vitesse de téléchargement qui varie en fonction de celle du processeur, de la carte graphique et de la RAM. Seize Mo de RAM semble correspondre à la valeur plancher pour qui veut utiliser un système d’exploitation récent tel que Windows 95/98 ou un système Mac 7.5 ou 8.0.
Utilisation de ces informations à votre avantage.
Vous ne pouvez contrôler que les deux premiers paramètres : la taille des éléments graphiques et la vitesse du serveur sur lequel il est stocké. A ce sujet, demandez au fournisseur d’accès la vitesse du serveur et tenez-en compte pour votre décision. En ce qui concerne le premier élément, parlons des graphiques.
Comme mentionné plus haut, le volume du graphique dépend de sa taille réelle, de sa résolution, de la palette de couleurs et du format de fichier (comprimé ou non). Si la taille est naturellement déterminée par vos propres besoins, il convient de garder certaines considérations à l’esprit :
- Créez et enregistrez les images dans une résolution de 72 ppp (voir le manuel de votre programme graphique). La résolution de 72 ppp est celle dans laquelle un écran d’ordinateur affiche tout. Si vous enregistrez vos graphiques dans une résolution supérieure, ils s’afficheront malgré tout dans une résolution de 72 ppp à l’écran. Le reste de la résolution se traduira par une perte de temps et d’espace disque.
- Avec une résolution de 72 ppp, les images ne dépassent pas 7 pouces de large (de préférence 5). Au-delà, l’image devient trop grande pour un écran ordinaire.
- La taille d’image dont vous avez besoin peut être plus petite que vous ne le pensez. La plupart des logos peuvent consister en une image de 300 pixels de large sur 60 pixels de haut. Pour la plupart des produits, une taille d’image de 150 x 150 pixels suffit.
- Réduisez, autant que possible, la palette de couleurs. Bon nombre d’éditeurs graphiques permettent de convertir une image contenant des "milliers de couleurs" en une image de 256, 16 ou 4 couleurs. Certains permettent de spécifier le nombre de couleurs souhaité. Pour des performances optimales, la palette d’un logo ne contenant que trois couleurs devrait être réduite à ces trois couleurs.
- Choisissez entre images GIF ou JPEG. Les GIF sont plus adaptés pour les dessins, les traits et les logos, car il est facile de réduire leur palette à quelques couleurs. Les JPEG sont mieux adaptés pour les photographies parce qu’ils prennent en charge les couleurs 24 bits et parce qu’ils compriment l’image, ce qui permet d’obtenir une image aux couleurs vives moyennant une moindre occupation de l’espace disque.
- Dans la mesure du possible (lorsque vous contrôlez le langage HTML), veillez à définir les mesures de hauteur et de largeur dans les balises "img height=X width=X src=X". Ceci améliorera considérablement la vitesse de téléchargement. Des balises de taille seront automatiquement insérées dans toutes les images spécifiées, à l’aide de menus déroulants dans le système ShopSite.
- Tâchez d’entrelacer les GIF. Les GIF entrelacés ne se chargent pas plus rapidement que les GIF ordinaires. En revanche, ils en donnent l’impression car quelque chose s’affiche immédiatement à l’écran qui devient de plus en plus clair. Cela permet au visiteur d’avoir quelque chose à regarder en attendant la fin du téléchargement.
- Si vous avez des problèmes pour créer de bonnes images, engagez un professionnel. Cela vous semblera peut-être onéreux, à première vue. Songez néanmoins à ce qu’il vous en coûterait de présenter un magasin d’aspect peu professionnel à vos clients potentiels.
Retour à la page principale | Rechercher | Feed-back
Si vous ne trouvez pas l’aide dont vous avez besoin, n’hésitez pas à nous contacter.