Les photos et les graphiques utilisent beaucoup d'espace serveur. Cela peut ralentir considérablement le chargement des pages Web. Une option que vous avez est d'utiliser des vignettes de vos images à la place. Une vignette est une version réduite de la même image. De là, vous créez un lien vers l'image originale.
Lorsque vous utilisez des vignettes, vous pouvez ajuster davantage de graphiques sur une page. Votre lecteur peut choisir parmi tous les graphiques de la page et choisir ceux qu’il souhaite voir.
Créer une vignette n'est pas difficile et ne prend pas vraiment beaucoup de temps. La première chose à faire est de télécharger un programme de retouche photo ou graphique. J'utilise Irfan View. C'est gratuit et simple à utiliser. Ce n'est pas aussi complet que quelque chose comme Paint Shop Pro ou Photoshop, mais c'est assez bon pour redimensionner, rogner et changer l'apparence des couleurs.
Je vais utiliser Irfan View pour cette leçon. Les instructions ne sont pas si différentes si vous utilisez un autre programme.
La première chose à faire est d'ouvrir l'image que vous souhaitez redimensionner. Pour ce faire, cliquez sur "Fichier", "Ouvrir", trouvez l'image sur votre ordinateur et cliquez sur le bouton "Ouvrir".
Lorsque l’image est ouverte dans votre programme d’édition graphique, vous pouvez maintenant la recadrer ou la redimensionner. Le recadrage est ce que vous faites lorsque vous avez une image qui contient plus que ce que vous souhaitez utiliser. Supposons que vous ayez une photo de vous et d'une autre personne, mais que vous souhaitiez uniquement utiliser la partie avec vous et couper l'autre personne, c'est un recadrage.
Pour le recadrer, vous devez d'abord choisir la zone que vous souhaitez conserver. Placez le curseur de votre souris sur un coin de la zone que vous souhaitez conserver, maintenez le bouton de la souris enfoncé et faites glisser votre curseur vers le coin opposé de la zone. Vous verrez apparaître une ligne autour de la zone et une fine bordure autour de celle-ci lorsque vous aurez terminé.
Maintenant, cliquez sur "Modifier", "Sélection des cultures". La zone que vous avez sélectionnée sera laissée et le reste de la photo sera parti. Si vous aimez ce que vous voyez, vous voudrez peut-être enregistrer l'image à ce stade afin de ne pas fermer accidentellement le programme et de perdre le recadrage. Si vous ne l'aimez pas, cliquez sur "Modifier", "Annuler" et vous retrouverez ce qu'il était avant de le recadrer.
Si vous voulez couper quelque chose dans l’image, vous pouvez le faire en utilisant la fonction "Couper". Vous pouvez également ajouter du texte à votre image à ce stade en utilisant "Insérer du texte dans la sélection". Ces deux fonctionnalités sont sous le menu "Edition". N'oubliez pas de sauvegarder l'image après avoir apporté les modifications souhaitées afin de ne pas perdre votre travail.
Maintenant, créez notre vignette. Cliquez sur "Image", "Resize / Resample". Une boîte apparaîtra qui vous permettra de redimensionner votre image. Vous pouvez choisir de redimensionner votre image en hauteur et en largeur ou en pourcentage. Par exemple, vous pouvez définir une largeur de 50 pixels ou l’utiliser pour que l’image atteigne 10% de sa taille originale. Si vous créez les vignettes à utiliser en tant que galerie de photos, je vous suggère d'essayer de faire en sorte que toutes vos images aient la même taille afin de les adapter à la page de manière à créer de belles lignes ou colonnes droites.
Si votre image semble avoir perdu de sa netteté lorsque vous l'avez redimensionnée, vous pouvez utiliser la fonction "Netteté" du menu "Image". Lorsque vous enregistrez l'image après son redimensionnement, veillez à utiliser la fonction "Enregistrer sous" et NON la fonction "Enregistrer". Vous voudrez lui donner un nom différent, mais similaire. Si vous le sauvegardez, il écrasera votre ancienne image et vous perdrez l'original. Si votre original s'appelait "picture.jpg", vous pouvez appeler la vignette "picture_th.jpg".
Si votre service d'hébergement ne dispose pas d'un programme de téléchargement de fichier pour vous aider à télécharger facilement des pages et des graphiques sur votre site Web, vous devrez disposer d'un client FTP pour les télécharger. Le service d'hébergement avec lequel vous vous trouvez devrait vous fournir les paramètres à mettre dans le client FTP afin que vous puissiez télécharger les fichiers.
Je suggère de télécharger vos graphiques ou vos photos dans un dossier nommé "graphiques" ou "photos" afin que vous puissiez les séparer de vos pages et les retrouver plus facilement lorsque vous en avez besoin. J'aime organiser des pages et des graphiques en utilisant différents dossiers. Garde votre site agréable et ordonné afin que vous puissiez trouver rapidement tout ce que vous recherchez et pour ne pas avoir une longue liste de fichiers que vous devez parcourir lorsque vous avez besoin de quelque chose.
Vous devrez également télécharger la vignette sur votre service d'hébergement. Pensez à le placer dans un dossier séparé éventuellement appelé "vignette".
Maintenant, vous aurez besoin de l'adresse de votre graphique. Exemple: Disons que vous hébergez votre site sur Geocities et que votre nom d'utilisateur est "mysite". Votre graphique principal se trouve dans un dossier appelé "graphismes" et nommé "graphismes.jpg". La vignette s'appelle "thumbnail.jpg" et se trouve dans un dossier appelé "vignette". L'adresse de votre graphique seraithttp://www.geocities.com/mysite/graphics/graphics.jpg et l'adresse de votre vignette seraithttp://www.geocities.com/mysite/thumbnail/thumbnail.jpg.
Tout ce que vous avez à faire maintenant, c’est d’ajouter un lien vers votre vignette à votre page et un lien vers votre graphique à partir de votre vignette. Certains services d'hébergement proposent des albums photo. Tout ce que vous avez à faire est de suivre leurs instructions pour ajouter vos photos aux pages.
Si vous préférez utiliser HTML pour créer votre album photo, vous n'avez toujours pas à recommencer à zéro. Utilisez plutôt un modèle d'album photo. Ensuite, tout ce que vous avez à faire est d’ajouter les liens et vous avez un album photo.
Si vous vous connectez simplement au graphique pour que le graphique principal apparaisse sur votre page, le code que vous devez utiliser est le suivant:
Texte pour l'image
Où tu voisgraphic.jpg dans ce code vous le changerez enhttp://www.geocities.com/mysite/graphics/graphics.jpg ou vous pouvez utiliser la forme abrégée qui ressemble à ceci/graphics/graphics.jpg. Puis changez où il est ditTexte pour l'image à tout ce que vous voulez dire sous la photo.
Si vous allez utiliser les vignettes et créer un lien vers le graphique à partir de là, le code que vous utiliserez sera légèrement différent:
Où tu voishttp: //address_of_graphic.gif vous ajoutez l'adresse de votre vignette. Où tu voishttp://address_of_page.com vous ajoutez l'adresse de votre graphique. Votre page montrera votre vignette mais liera directement à votre graphique. Lorsque quelqu'un clique sur la vignette du graphique, il reprend l'original.
Vous pourrez maintenant créer un lien vers plus de graphiques sur une page sans embarrasser le serveur, ce qui ralentirait le chargement de votre page. Ce n'est pas votre seule option pour créer un album photo, mais cela vous donne le moyen d'ajouter toute une série de photos sur une page afin que les utilisateurs ne soient pas obligés de cliquer sur les pages et les pages de photos. Ils seront également en mesure de choisir les photos qu’ils souhaitent voir en taille normale au lieu d’avoir à les voir toutes s’ils ne le souhaitent pas.
