Les miniatures, la création de petites versions miniatures des images
On pourrait penser que faire une série de vignettes serait vraiment, vraiment simple, pas vous? Eh bien, oui, il est, mais il y a quelques techniques et des options de mise en page qui me semblent important de savoir.
Théorie de base
L'idée de base de la vignette est que vous pouvez offrir une pleine page de petites images, et chacun est lié à la version complète de l'image, donnant à vos lecteurs la possibilité d'afficher un aperçu des images qu'ils pensent qu'ils aimeraient voir dans leur splendeur, ce qui réduit énormément le temps de téléchargement d'une page.
2 façons de Réduction de la taille
Il existe deux moyens efficaces pour faire de votre groupe de vignettes - rogner et redimensionner. Vous pouvez utiliser ou une combinaison des deux pour que les images plus petites.
Par exemple, prenez ces deux vignettes - un de chaque type. Cliquez soit pour voir le tableau complet. Soit dit en passant, c'est un montage de personnages du jeu Banjo-Tooie.
Maintenant, regardons les mérites relatifs de chaque technique:
- Redimensionnement l'image donne à votre lecteur un aperçu de tout dans l'image, mais ils manquent de détails sur (la perte en détail est toujours proportionnelle à la taille d'origine, ce qui explique pourquoi le recadrage et le redimensionnement est une bonne option.).
- Avec la version recadrée, ils obtiennent une sensation beaucoup mieux pour ce que le tableau complet contiendra, et il y a aussi un sentiment de vouloir savoir quoi d'autre est dans l'image qui n'est pas représenté. Cela encouragera les lecteurs à cliquer sur l'image plus; et de plus, vous pouvez choisir un point fort de l'image et de le rendre encore plus attrayant.
options de mise en page
Vous pouvez simplement jeter toutes les vignettes sur la page (en laissant des espaces horizontaux entre les utilisant hspace), et ils vont se mettre, mais si vous voulez plus de contrôle sur la façon dont la page vous semble vous voulez aller avec un format de table fixe.
Cela fonctionne mieux si vous avez fait toutes vos vignettes de la même taille, de sorte que vous pouvez simplement les mettre tous dans une grille. Voici le code de la table:
Il suffit de mettre chacun des tags pour vos vignettes dans chaque cellule. Si vous avez besoin d'aide avec des tables, consultez notre section tables.
autres notes
Dans les exemples ci-dessus je mis en place les vignettes pour ouvrir les images en taille réelle dans une nouvelle fenêtre. Ceci est accompli avec l'attribut cible - comme ceci:
Si vous avez laissé vos vignettes gratuitement à partir d'une mise en page de la table, il est une bonne idée de laisser à la frontière sur les images, de sorte que numéro un - il est clair comme le jour que vous lisez une page de miniatures; et numéro deux - les couleurs peuvent être utilisés pour montrer un lecteur s'ils ont vu la version complète avant.
Il serait également utile si vous avez inclus la taille de l'image. en kilo-octets. de la version complète. Mettez ces informations sous chaque vignette, afin que les gens soient avertis avant qu'ils vont être télécharger des fichiers très volumineux. Ces informations peuvent être mis dans l'attribut alt de chaque vignette aussi.