Les photos et les graphiques utilisent beaucoup d'espace sur le serveur. Cela peut ralentir le chargement des pages Web. Une solution consiste à utiliser les vignettes de vos photos à la place. Une miniature est une version plus petite d'une image qui renvoie à l'image originale plus grande. Vous pouvez insérer plus de graphiques sur une page lorsque vous utilisez des vignettes. Votre lecteur peut alors choisir parmi toutes les images et décider lesquelles il souhaite voir. Nous vous dirons ce dont vous avez besoin pour créer des vignettes et comment les modifier.
Télécharger le logiciel de retouche photo
Créer une vignette n'est pas difficile et ne prend pas très longtemps, mais cela nécessite un programme de retouche photo. Heureusement, les utilisateurs de Windows en ont déjà un gratuit appelé Peinture 3D. Ce n'est pas aussi complet que quelque chose comme Atelier de peinture professionnel ou alors Photoshop mais c'est assez bon pour redimensionner, recadrer et ajouter du texte.
Nous allons utiliser Paint 3D pour cette leçon. Les instructions ne sont pas très différentes si vous utilisez un autre programme.
Modifiez vos photos et créez la miniature
Vous devez modifier vos images avant de pouvoir les transformer en miniatures. Voici comment:
Ouvrez l'image que vous souhaitez modifier.
Tu peux maintenant recadrer l'image ou redimensionnez-le. Si vous souhaitez que votre vignette se concentre sur une partie spécifique de la photo, nous vous suggérons de recadrer. Si vous ne voulez pas recadrer, passez à l'étape 5.
-
Sélectionner Recadrer. À partir de là, vous pouvez sélectionner et faire glisser les différents points pour choisir la zone que vous souhaitez recadrer. Vous pouvez également choisir l'une des différentes tailles pré-formatées sur le côté droit.
L'option 16:9 est particulièrement utile si vous créez une vignette pour une vidéo YouTube.
-
Sélectionner Fait pour recadrer l'image.
Si vous n'aimez pas le recadrage, sélectionnez annuler ou appuyez sur CTRL+Z pour l'inverser et réessayer.
-
Si vous souhaitez ajouter du texte à votre image, sélectionnez Texte pour l'ajouter. Vous pouvez choisir du texte 2D ou 3D et choisir parmi une variété de polices, de tailles et de couleurs.
-
Pour redimensionner votre image, sélectionnez Toile. Ici, vous pouvez choisir de redimensionner votre image en pixels ou en pourcentage. Par exemple, vous pouvez mettre une largeur de 50 pixels ou vous pouvez simplement faire en sorte que l'image soit 10% de sa taille d'origine. Si vous créez les vignettes à utiliser comme galerie de photos, essayez de faire en sorte que toutes vos images soient proches de la même taille afin qu'elles s'adaptent mieux à la page et forment de belles lignes ou colonnes droites.
Assurez-vous que votre miniature fait au moins 640 pixels de large et pas plus de 2 Mo.
Si vous aimez ce que vous voyez, enregistrez l'image, de préférence dans un nouveau fichier. De cette façon, vous disposez d'une copie de l'image originale non modifiée si vous en avez besoin.
Une fois votre miniature terminée
Si votre service d'hébergement ne dispose pas d'un programme pour vous aider à télécharger facilement des pages et des graphiques sur votre site Web, vous avez besoin d'un client FTP pour les télécharger. Le service d'hébergement avec lequel vous êtes devrait vous donner les paramètres que vous devez mettre dans le Client FTP afin que vous puissiez télécharger les fichiers. Envisagez de le mettre dans un dossier séparé, éventuellement appelé « Vignettes ».
Pensez à télécharger votre graphique ou vos photos dans un dossier nommé « Graphiques » ou « Photos » afin de pouvoir les séparer de vos pages et de les trouver plus facilement lorsque vous en avez besoin. Cela permet de garder votre site agréable et ordonné afin que vous puissiez trouver rapidement tout ce que vous cherchez et que vous n'ayez pas de longues listes de fichiers à parcourir lorsque vous avez besoin de quelque chose.
Aborder vos graphiques et vos photos
Maintenant, vous avez besoin de l'adresse de votre graphique. Par exemple, disons que vous hébergez votre site chez Geocities et que votre nom d'utilisateur est "monsite". Votre graphique principal se trouve dans un dossier appelé "Graphics" et nommé "graphics.jpg." La miniature s'appelle "thumbnail.jpg" et se trouve dans un dossier appelé "Thumbnail". L'adresse de votre graphique serait être http://www.geocities.com/mysite/graphics/graphics.jpg et l'adresse de votre vignette serait http://www.geocities.com/mysite/thumbnail/thumbnail.jpg.
Tout ce que vous avez à faire maintenant est d'ajouter un lien vers votre vignette sur votre page et d'ajouter un lien vers votre graphique à partir de votre vignette. Certains hébergeurs proposent des albums photos. 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 à repartir de 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.
Où tu vois graphique.jpg dans le code, vous le changerez en http://www.geocities.com/mysite/graphics/graphics.jpg ou vous pouvez utiliser la forme courte qui ressemble à ceci: /graphics/graphics.jpg. Ensuite, changez où il est dit Texte pour l'image à tout ce que vous voulez qu'il dise sous l'image.
Si vous utilisez les vignettes et le lien vers le graphique à partir de là, le code que vous utiliserez sera un peu différent.
Où tu vois http://address_of_graphic.gif vous ajoutez l'adresse de votre vignette. Où tu vois http://address_of_page.com vous ajoutez l'adresse de votre graphique. Votre page affiche votre vignette mais renvoie directement à votre graphique. Lorsque quelqu'un clique sur la vignette du graphique, il est redirigé vers l'original.