Le fait d’acheter un produit ou de le replacer dans son rayon va bien souvent dépendre de l’image sur l’emballage. En effet, cette dernière nous influence fortement et le plus souvent in­cons­ciem­ment. C’est la première im­pres­sion du produit que nous obtenons via une il­lus­tra­tion ou une re­pro­duc­tion du produit qui influence di­rec­te­ment notre décision d’achat. Tout comme un emballage qui incite à l’achat, une miniature ou vignette (an anglais thumbnail) sur Internet est également res­pon­sable de la première im­pres­sion du contenu Web comme les images et les vidéos. Un thumbnail bien réalisé suscite ainsi l’intérêt et génère des clics. Mais ce n’est pas tout ce qu’une miniature peut apporter.

Qu’est-ce qu’un Thumbnail ?

Un thumbnail (parfois raccourci sim­ple­ment par thumb) est une image de pré­vi­sua­li­sa­tion réduite de l’original qui est utilisée comme em­pla­ce­ment de subs­ti­tu­tion (pla­ce­hol­der). Selon la pla­te­forme, la miniature doit avoir une certaine taille.

  • Google Image Search : si vous créez une miniature pour la version de bureau de Google Image Search, une taille de 177 pixels est alors re­com­man­dée. Cependant, des vignettes plus petites peuvent également être utilisées.
  • Amazon : Amazon utilise dif­fé­rentes tailles de vignettes pour diverses ap­pli­ca­tions. Sur la page d’accueil, des mi­nia­tures d’une hauteur de 200 pixels et d’une largeur dynamique sont utilisées. Les thumb­nails des pages de catégorie ont une hauteur de 150 pixels.
  • YouTube : les thumb­nails sur YouTube ont une taille de 210 x 118 pixels sur la page d’accueil. Cela cor­res­pond au format d’image courant 16:9. Des mi­nia­tures d’une taille de 168 x 94 pixels sont utilisées pour les sug­ges­tions vidéo à droite d’une vidéo qui est déjà en cours de lecture.
  • Pinterest : Pinterest utilise la largeur de l’image comme référence lors de l’affichage des mi­nia­tures. Celle-ci est fixe et s’élève à 236 pixels. Plus l’écran est large, plus le nombre d’images affichées les unes à côté des autres est important.
Dé­fi­ni­tion

Un thumbnail est une image miniature avec une taille de fichier réduite qui est utilisée comme em­pla­ce­ment de subs­ti­tu­tion (pla­ce­hol­der) pour le contenu mul­ti­mé­dia dans sa taille originale.

Pourquoi utiliser les mi­nia­tures ?

Le plus grand avantage des thumb­nails est la taille réduite du fichier par rapport à l’image originale. Si l’image et le contenu vidéo d’un site Web sont d’abord présentés sous forme de vignettes, les temps de char­ge­ment peuvent alors être beaucoup plus rapides. Les in­ter­nautes décident ainsi eux-mêmes du contenu qu’ils désirent voir et le chargent dans leur na­vi­ga­teur en taille originale sim­ple­ment en un seul clic.

La petite taille des fichiers d’images de pré­vi­sua­li­sa­tion permet de plus aux opé­ra­teurs de sites Web d’offrir aux visiteurs beaucoup de contenu en un seul coup d’œil sans forcément augmenter le temps de char­ge­ment de la page. Si vous cliquez sur la miniature, vous accédez au contenu du média dans sa taille originale, qui s’ouvre alors dans un nouvel onglet ou une nouvelle fenêtre, par exemple. D’autres avantages sont :

  • Gain de place : les mi­nia­tures per­met­tent aux in­ter­nautes de vi­sua­li­ser un ensemble des dif­fé­rents contenus mul­ti­mé­dia dans un espace réduit.
  • Facilité d’uti­li­sa­tion : les images ont le grand avantage de pouvoir être comprises très ra­pi­de­ment. Les thumb­nails struc­tu­rent un site Web afin que les uti­li­sa­teurs puissent s’y retrouver ra­pi­de­ment.
  • In­te­rac­ti­vité : les mi­nia­tures incitent les in­ter­nautes à interagir avec le site Web, et cela gé­né­ra­le­ment en cliquant sur les vignettes.

Les thumb­nails sont gé­né­ra­le­ment générées au­to­ma­ti­que­ment par les moteurs de recherche, le trai­te­ment d’images et les pro­grammes de gestion d’images. En par­ti­cu­lier, les uti­li­sa­teurs qui se con­nec­tent en ligne avec des appareils mobiles tels que des tablettes ou des smart­phones bé­né­fi­cient d’une taille de fichier réduite et de la clarté du site Web qu’ils visitent.

Où sont utilisés les thumb­nails ?

Les thumb­nails peuvent être trouvés partout sur Internet, par exemple sur YouTube ou sur la recherche d’images de Google. Les boutiques en ligne utilisent également des mi­nia­tures pour présenter de nombreux produits si­mul­ta­né­ment sur les pages de la boutique. Si vous cliquez sur un produit, l’image originale est gé­né­ra­le­ment affichée dans une nouvelle fenêtre.

Tumbnails sur YouTube

Avec les thumb­nails pour YouTube, il est important que l’image de pré­vi­sua­li­sa­tion attire l’attention du spec­ta­teur en quelques secondes seulement et l’encourage à cliquer sur la vidéo. En effet, le taux de clics compte beaucoup sur la pla­te­forme vidéo. Le thumbnail joue un rôle essentiel. Pour un Youtubeur, une miniature efficace est le meilleur moyen de gagner des clics, des vues et éven­tuel­le­ment de nouveaux abonnés.

Alors que les thumb­nails servent d’espaces réservés pour les images en première ligne, les You­tu­beurs pour­sui­vent avec eux encore plus d’objectifs : une miniature vidéo est utilisée sur YouTube comme une sorte d’affiche de cinéma pour faire la réclame des vidéos et séduire les spec­ta­teurs. L’objectif est de se démarquer de la foule. Cela trans­forme la miniature en un véritable petit espace pu­bli­ci­taire dans la recherche YouTube.

Thumb­nails dans la recherche d’image de Google

Google utilise des vignettes dans la recherche d’images au lieu des images ori­gi­nales afin de pouvoir présenter un grand nombre d'images dif­fé­rentes aux uti­li­sa­teurs en même temps. En cliquant sur l’une des mi­nia­tures, il est possible d’obtenir d’autres in­for­ma­tions et, si né­ces­saire, l’uti­li­sa­teur est redirigé di­rec­te­ment vers le site source.

Thumb­nails pour GIF

Comparées aux mi­nia­tures vidéo, les vignettes pour les ani­ma­tions GIF sont beaucoup plus simples. Comme les GIF ne sont que de très courtes vidéos, le texte et les autres éléments de con­cep­tion ne sont gé­né­ra­le­ment pas utilisés, à moins qu’il ne s’agisse de pré­vi­sua­li­sa­tions qui mènent à une sous-catégorie et qui sont éti­que­tées en con­sé­quence. En principe, ces images (fixes) fonc­tion­nent comme des mi­nia­tures non déplacées : elles se réfèrent aux fichiers originaux et donnent une courte in­di­ca­tion.

Thumb­nails et le shopping en ligne

Sur les boutiques en ligne, les mi­nia­tures sont utilisées pour afficher plusieurs produits sur une page sans ralentir la vitesse de char­ge­ment. La vue d’ensemble des ca­té­go­ries est également souvent affichée sous la forme de vignettes. Elles per­met­tent aux uti­li­sa­teurs d’accéder à des pages de produits, qui con­tien­nent à leur tour des mi­nia­tures de produits. Un autre clic sur la miniature du produit ouvre alors l’image originale et des in­for­ma­tions sup­plé­men­taires sur le produit peuvent être vues. Ici aussi, les thumb­nails fa­ci­li­tent l’orien­ta­tion et la na­vi­ga­tion sur le site.

5 conseils pour concevoir un thumbnail

La fréquence à laquelle on clique sur une vidéo ou une image dépend souvent de la con­cep­tion de la miniature. Selon la façon dont vous con­fi­gu­rez votre présence sur le Web, il y a plusieurs choses aux­quelles vous devez prêter attention lorsque vous créez un thumbnail. La dif­fé­rence entre les mi­nia­tures images et les mi­nia­tures vidéo est minime. Cependant, les vignettes pour les vidéos sont gé­né­ra­le­ment plus élaborées, ce qui est en partie dû au fait que les vidéos trans­por­tent plus de contenu. En principe, cela s’applique aux deux variantes : la vignette doit cor­res­pondre au contenu et en­cou­ra­ger le visiteur à cliquer.

Ces 5 conseils devraient vous aider à trouver le bon design pour vos thumb­nails :

  1. Utiliser des couleurs at­trayantes.
  2. Avec un visage, vous pouvez plus fa­ci­le­ment approcher, capter le regard, de l’in­ter­naute.
  3. Utiliser des plans d’action pour attirer l’attention.
  4. Ajouter du texte si le sujet de la vidéo n’est pas évident.
  5. Augmenter la valeur de re­con­nais­sance avec un logo par exemple (Branding).

Voici un bon exemple de thumb­nails ex­pli­cites :

Il y a beaucoup de points, qui font qu’une bonne miniature peut convertir un in­ter­naute en spec­ta­teur :

  • Utiliser le thumbnail comme affiche de cinéma pour la vidéo
  • Afficher un détail ou un arrêt sur image qui cor­res­pond bien au sujet
  • Ajouter un titre/texte ou des mots-clefs à l’image
  • Augmenter la re­con­nais­sance, l’attention sur la marque en affichant le logo en haut à droite

Thumb­nails et le droit d’auteur

Le droit d’auteur touche aussi les vignettes et les mi­nia­tures sur Internet, tout comme pour les images ori­gi­nales. Ainsi, pour éviter d’éventuels problèmes et litiges avec le droit d’auteur, il est re­com­mandé d’indiquer l’auteur de l’image à un endroit approprié, comme pour toute image que vous n’avez pas vous-même créées. Il est en effet important de respecter l’ensemble des règles relatives aux droits d’auteur sur Internet.

Aller au menu principal