Les vignettes sont principalement utilisées dans le cadre de la réalisation de galeries de photographies. Elles permettent à l'internaute d'avoir un aperçu de toutes les photos ou images disponibles dans un album avant de choisir celle qu'il souhaite voir en taille réelle.

Il existe plusieurs méthodes pour réaliser des vignettes dans le cadre de la création d'une galerie de photo :

- utiliser les attributs de redimensionnement des images disponibles dans le langage HTML (width et height dans la balise <img>). Rapide, cette méthode a l'immense désavantage d'imposer le chargement complet des images grand format avant l'affichage des vignettes ;
- redimensionner, une par une, l'ensemble des images de la galerie à l'aide d'un logiciel de retouche d'image (Photoshop, Paint Shop Pro, Gimp...). Certains d'entre eux proposent des options de traitement par lot permettant la conversion de dizaines d'images en une seule fois ;
- utiliser un script PHP gérant en direct la création de vignettes à partir des fichiers originaux. Cette méthode offre l'avantage d'économiser la bande passante du site (seules les vignettes générées transitent vers le visiteur) et d'épargner un travail fastidieux de redimensionnement manuel.