Votre site Web pas à pas
vingt secondes de téléchargement pour vos visiteurs. Si vous cherchiez un moyen de les frustrer vous l’avez
certainement trouvé. Mais il y a pire ! Notre timbre poste a une taille de 600 x 600 (largeur par hauteur). Réalisezvous que les écrans de vos visiteurs sont probablement capables d’afficher 800x600 points ? Cela signifie que
votre timbre-poste utilisera 80% de la place disponible sur l’écran ! Pas facile de créer un site attrayant en
consacrant 80% de la place à un timbre-poste n’est-ce pas ?
Dans ces conditions, vous comprenez qu’il est préférable d’utiliser une résolution autour de 150 DPI…
Si vous possédez un appareil photo numérique, le même type de problème se pose. Si vous avez acheté un
appareil dit Méga-Pixels, ce qui est assez courant aujourd’hui, il est capable de capturer un million de points, soit
une image de 1000 points par 1000 points, pire que notre timbre-poste. Et la situation devient pire avec un
appareil plus sophistiqué, un 3 Méga-Pixels génère des images de 1500 par 2000 points !
Alors que faire ? Plusieurs règles. La première est que si vous décidez d’acheter un appareil photo digital ou un
scanner pour les besoins de votre site Web, inutile d’acheter le plus cher et le plus complexe ! Si cependant vous
achetez ou possédez un appareil très performant, il faudra diminuer la taille de vos images avant de les utiliser
sur votre site Web. La bonne nouvelle c’est que diminuer la taille d’une image (ce qui revient à « perdre » de
l’information) est une opération aisée.
Si vous savez utiliser un logiciel de retouche d’images, alors profitez-en. Vous pourrez diminuer la taille de vos
images en recadrant vers la zone significative (pas la peine de laisser un fond aussi important en surface que le
produit ou le sujet !). N’oubliez pas de sauver vos images au format GIF ou JPG.
Si vous ne savez pas utiliser un tel logiciel, ce n’est pas grave. La première opération de téléchargement sera un
peu fastidieuse car vous chargerez une image vraiment grande sur votre site, mais notre système vous
proposera de la redimensionner en ligne ! De la même façon si vos images sont au format BMP (certains
appareils utilisent ce format non compressé et pas adapté au Web), ne vous tracassez pas. Téléchargez l’image,
nous la convertirons à la volée.
4.7.3. Télécharger
L’opération de téléchargement des images sur votre site Web est triviale. Il vous suffit de donner un nom à votre
image (utilisez un nom significatif, comme « produit XYZ vue de face », évitez de nommer les images a, b, c …
vous vous retrouverez rapidement perdu !) et de suivre les instructions du système. Le système vous demandera
de localiser votre fichier sur le disque dur de votre ordinateur et de la sélectionner. Le téléchargement est une
opération automatique, soyez simplement patient si votre image est très grande. Une fois téléchargée votre
image fait partie de ce que nous appelons la « Galerie de média ». C’est dans cette galerie de média que vos
composants iront chercher les images à afficher.
4.7.4. Dimensionner
Lorsque vous allez faire tirer des photos chez votre photographe, vous choisissez le format (en cm) comme par
exemple 10x15 pour une photo standard ou 50x70 pour un poster. Parfois il vous livre aussi une planche qui
regroupe les « vignettes » de la pellicule. Les vignettes vous permettent de voir rapidement plusieurs photos en
même temps. Si vous avez de vieilles photos dans un format différent, par exemple 13x18, lorsque vous
constituez un album en mélangeant les tailles, ce n’est pas forcément esthétique.
Homogénéité des tailles, concept de vignettes, de taille standard, de grande taille … vous retrouvez les même
choses sur votre site Web.
Bien entendu vous pouvez utiliser des images de taille toute différente, mais le résultat ne sera pas très
esthétique. C’est pour cela que nous vous proposons de définir plusieurs tailles, de la plus grande vers la plus
petite : détail, vignette, bandeau. Nous avons prédéfinies la taille de ces images 400x400 pour les Images de
type détail, 150x150 pour les images de type Vignette, 400x100 pour les images de type bandeau.
Attention cela ne veut pas dire que toutes vos images doivent être carrées ! Il faut toujours respecter les
proportions des images et si une image est plus haute que large, pas de problème, elle s’inscrira dans ces
formats, notre système s’occupera de l’aligner correctement ! Et bien entendu sentez-vous libre de décider que
vos types d’images auront des tailles différentes, ce ne sont que des suggestions.
Lorsque vous téléchargez une image dans votre galerie de média, et quelle qu’en soit la taille d’origine (celle de
l’image qui se trouve sur votre disque et que vous avez soit scannée soit transférée depuis votre appareil photo
numérique) nous vous proposerons de la télécharger en plusieurs tailles de façon à ce que vous ayez toutes les
options disponibles pour optimiser la présentation de votre site.
4.7.5. Utiliser
Une fois chargées dans votre Galerie de média, vos images sont disponibles pour tous les composants. Vous
pouvez utiliser la même image plusieurs fois ou décider de ne pas utiliser certaines images sans aucun
problème. Certains composants vous proposent d’utiliser deux images pour définir chaque élément. Dans votre
fichier de produits, par exemple, chaque produit peut-être représenté par deux images, une image vignette et une
16
">
