ThumbProof
Le contraste compte plus que la couleur. Gardez une luminosité moyenne entre environ 22 % et 80 % pour que l’image ne se confonde pas avec un flux sombre ou clair, visez un contraste de luminance RMS de 0,20 ou plus, et donnez à tout texte un rapport de contraste d’au moins 4,5:1 avec ce qui se trouve derrière. Vérifiez ensuite la miniature en niveaux de gris et avec une simulation de vision des couleurs : si le sujet se détache toujours du fond, le visuel fonctionne pour tout le monde.
Pourquoi le contraste l’emporte sur la couleur aux tailles du flux
Quand une image est réduite à 168×94 pixels, les différences de couleur fines s’annulent. Deux couleurs saturées de même luminosité, un rouge et un vert par exemple, deviennent presque le même gris pour le canal de luminance de l’œil, celui que nous utilisons le plus pour percevoir bords et formes. Le clair sur sombre, en revanche, survit à la réduction, aux reflets et aux écrans bon marché.
C’est aussi pourquoi les règles d’accessibilité définissent le contraste comme un rapport de luminance, et non comme une liste de couleurs autorisées. La règle pour le texte web normal est d’au moins 4,5:1, et d’au moins 3:1 pour le grand texte. Le texte des miniatures est généralement grand et gras, mais il repose sur une photo plutôt que sur un fond uni : viser 4,5:1 donne une marge de sécurité.
“La présentation visuelle du texte et du texte sous forme d’image a un rapport de contraste d’au moins 4,5:1”
Understanding SC 1.4.3 Contrast (Minimum) — W3C WCAG 2.2 · citation traduite de l’anglais
Valeurs cibles de luminosité et de contraste
L’audit visuel de ThumbProof indique trois valeurs liées au contraste. La luminosité moyenne est la luminance moyenne de l’image, de 0 % (noir) à 100 % (blanc). Le contraste RMS est l’écart type de la luminance, une mesure robuste de la variation entre clair et sombre. La netteté mesure le détail fin des contours après réduction en 168×94.
| Mesure | Faible | Moyen | Fort / cible |
|---|---|---|---|
| Luminosité moyenne | < 22 % ou > 80 % | 22–30 % ou 70–80 % | 30–70 % |
| Contraste RMS | < 0,12 | 0,12–0,20 | ≥ 0,20 |
| Rapport de contraste du texte | < 3:1 | 3:1–4,5:1 | ≥ 4,5:1 |
| Netteté en 168×94 | < 0,05 | 0,05–0,09 | ≥ 0,09 |
Ces seuils sont des objectifs pratiques utilisés par l’outil, pas des règles des plateformes. Une miniature spectaculaire, majoritairement sombre, peut fonctionner si un sujet lumineux lui donne un fort contraste ; le contrôle de luminosité vous avertit seulement qu’elle risque de disparaître dans un flux sombre.
Mode sombre et mode clair
Les flux s’affichent sur fond presque noir en mode sombre, et sur fond blanc ou gris clair en mode clair. Une miniature avec une bordure noire ou un vignettage sombre perd ses contours en mode sombre, tandis qu’une miniature pâle aux tons pastel perd les siens en mode clair. Beaucoup de spectateurs utilisent le mode sombre sur téléphone le soir et le mode clair sur ordinateur en journée : il faut réussir les deux.
Le contrôle le plus rapide consiste à basculer le thème du flux dans l’aperçu. Regardez le contour de la miniature plutôt que le sujet : il faut un bord net entre l’image et la page dans les deux thèmes. Si le bord disparaît, relevez légèrement les ombres, ajoutez un élément de fond plus clair ou un cadre discret.
Troubles de la vision des couleurs
Le daltonisme est fréquent. Selon le National Eye Institute américain, le daltonisme rouge-vert en est la forme la plus courante, et il touche bien plus souvent les hommes que les femmes. Dans une large audience, une part notable des spectateurs ne verra pas la différence entre une flèche rouge et un fond vert.
ThumbProof simule la protanopie (rouge), la deutéranopie (vert), la tritanopie (bleu) et l’achromatopsie (aucune couleur). Inutile de concevoir pour chaque cas séparément. Si la miniature réussit le test en niveaux de gris, c’est-à-dire si le sujet se détache par la seule luminosité, elle fonctionnera pour presque tous les types de vision des couleurs.
| Simulation | Ce qui change | Échec typique |
|---|---|---|
| Protanopie | Les rouges paraissent sombres et brunâtres | Un texte rouge sur fond sombre disparaît |
| Deutéranopie | Rouges et verts se confondent | Comparaisons « bien/mal » en vert contre rouge |
| Tritanopie | Bleus et jaunes se décalent | Texte jaune sur bleu clair |
| Achromatopsie | Seule la luminosité subsiste | Toute paire de couleurs de même luminosité |
Vérifier couleur et contraste en cinq étapes
- 01
Chargez la miniature
Déposez votre image dans le vérificateur de zone de sécurité ou l’aperçu du flux.
- 02
Lancez le test du plissement
Floutez l’image. Le sujet doit rester une forme nette.
- 03
Passez en niveaux de gris
Retirez la couleur. Texte et sujet doivent encore se détacher par la luminosité.
- 04
Basculez flux sombre et clair
Assurez-vous que les bords de la miniature restent visibles sur les deux fonds.
- 05
Essayez les modes de vision des couleurs
Passez par les quatre simulations, puis lisez les lignes luminosité et contraste du détail de l’audit.
Choisir une palette qui ressort
Regardez ce qui existe déjà dans votre thématique. Si toutes les miniatures gaming utilisent du violet et du bleu saturés, un accent jaune ou orange chaud ressortira davantage qu’un bleu néon de plus. Gardez une palette réduite : un ton de fond dominant, un sujet et un accent pour le texte ou un détail clé.
Utilisez la saturation pour souligner, pas partout. Quand tout est saturé, plus rien ne l’est. Un fond sourd avec un seul sujet saturé se lit généralement mieux en petit qu’une image entièrement saturée, car l’œil va droit à la seule zone qui diffère.
- Un ton de fond, un sujet, un accent
- Choisir un accent rare dans votre thématique
- Fond sourd, sujet saturé
Du texte sur une photo chargée
Un texte posé directement sur une photo détaillée échoue presque toujours au test de contraste quelque part le long des lettres. Il existe quatre solutions fiables : un contour épais (environ 6 à 10 % de la hauteur des lettres), une ombre portée douce, un cadre plein ou semi-transparent derrière les mots, ou déplacer le texte vers une zone calme de l’image, comme le ciel ou un mur uni.
Vérifiez le résultat en niveaux de gris. Les lettres doivent être nettement plus claires ou plus sombres que tout ce qui les entoure sur l’ensemble de leur contour, pas seulement en moyenne.
Le contraste à l’échelle de la chaîne, pas d’une seule image
Les spectateurs voient souvent plusieurs de vos vidéos côte à côte sur la page de chaîne ou dans une playlist. Si toutes vos miniatures utilisent la même palette sombre, la page ressemble à un bloc unique et les vidéos se distinguent mal. Gardez un style cohérent (polices, couleur d’accent, cadrage), mais variez le ton de fond dominant entre deux mises en ligne voisines.
Une règle pratique : alterner fond sombre et fond plus clair toutes les quelques vidéos, en gardant la même couleur d’accent. La chaîne reste reconnaissable tout en laissant à chaque miniature son propre contour. Utilisez la vue page de chaîne de l’aperçu pour vérifier une nouvelle vidéo à côté des précédentes.
| Schéma de chaîne | Effet sur la page de chaîne | Correction |
|---|---|---|
| Fonds tous sombres | Les vidéos se fondent en un bloc | Alterner fonds sombres et demi-tons |
| Couleurs aléatoires à chaque vidéo | Aucun style reconnaissable | Garder une couleur d’accent et une police |
| Même mise en page, tons différents | Reconnaissable et distinct | Continuer ainsi |
Écrans, luminosité et compression
Les spectateurs voient votre miniature sur tout, des téléphones OLED lumineux aux écrans de bureau ternes en passant par les TV regardées depuis l’autre bout de la pièce. Les détails sombres sont les premiers à disparaître sur les écrans bon marché ou peu lumineux, et les modes nuit des téléphones réduisent encore le contraste. Gardez les formes importantes hors des 10 % les plus sombres de la plage tonale, où elles deviennent un noir plat.
La compression mange aussi le contraste. La compression JPEG lisse d’abord les fines variations de couleur : les dégradés subtils et les textures peu contrastées deviennent pixélisés. Si votre visuel compte sur une lueur discrète ou un dégradé doux pour se détacher, renforcez-le, sinon l’effet peut disparaître quand la plateforme réencode l’image. Un test rapide : exportez en JPEG qualité 70 et voyez si le visuel tient ; si oui, il survivra à tout traitement.
- Garder les formes clés hors des tons les plus sombres
- Renforcer lueurs et dégradés subtils
- Tester un export en qualité 70
Exemple concret : une scène de marché peu contrastée
Un créateur de voyage utilise la photo d’un marché animé : des centaines d’étals colorés, tous de luminosité proche, avec le texte jaune « HIDDEN GEM » (pépite cachée) par-dessus. En taille réelle, c’est vivant. En 168×94, cela devient un bruit gris, le contraste RMS est de 0,11 et le texte jaune n’atteint qu’environ 1,8:1 face aux étals.
Le créateur assombrit le fond de 30 %, met en lumière un seul étal comme point focal et place le texte dans un cadre sombre. Le contraste RMS monte à 0,24, le rapport du texte à 7:1, et le test du plissement révèle une forme nette.
| Mesure | Avant | Après |
|---|---|---|
| Luminosité moyenne | 48 % | 36 % |
| Contraste RMS | 0,11 | 0,24 |
| Contraste du texte | 1,8:1 | 7:1 |
| Test du plissement | Bruit | Point focal net |
Erreurs courantes de couleur et de contraste
Paires de couleurs de même luminosité
Du rouge sur du vert ou du bleu sur du violet paraît vif mais se confond en niveaux de gris.
Bordures sombres et vignettages
Ils effacent le bord de la miniature en mode sombre.
Texte coloré fin sur une photo
Sans contour ni cadre, il échoue au contraste quelque part le long des lettres.
Tout sursaturer
Quand tout crie, rien ne ressort. Gardez un seul accent.
Ignorer le mode clair
Un visuel pastel qui brille en mode sombre peut disparaître sur fond blanc.
Exports à large gamut
Les fichiers Display P3 ou CMJN peuvent décaler les couleurs. Exportez en sRGB.
Taille, résolution, limites de poids et zones de sécurité des miniatures vidéo
Checklist de miniature à fort CTR : 7 principes visuels qui se remarquent
Troncature des titres par appareil : des pixels, pas des caractères
Texte de miniature : combien de mots, quelle taille et où les placer
Visages et point focal : rendre une seule chose impossible à manquer