Pourquoi votre miniature paraît floue

Ce que le spectateur télécharge réellement

C'est mesurable, donc le voici mesuré. J'ai chargé une vraie page de lecture et une vraie page de résultats de recherche, extrait du balisage les URL des miniatures et téléchargé celles-ci. Toutes sont revenues en WebP, recadrées en 16:9, dimensionnées pour l'emplacement où elles allaient :

Les tailles livrées correspondent exactement aux emplacements rendus — 168 × 94 est la suggestion que j'ai mesurée dans l'interface, et 336 × 188 est ce même emplacement sur un écran Retina. YouTube ne vous envoie pas une copie réduite d'une grande image : il vous envoie un fichier construit pour cette boîte.

Deux nombres font presque tout le travail

Le premier est l'emplacement. Une suggestion fait 168 pixels CSS de large, et sur l'écran 2× que presque tout le monde possède, cela fait 336 pixels physiques. Votre maquette de 1280 pixels de large est livrée comme une image de 336 pixels de large. Tout jugement sur la netteté doit être porté là, pas dans votre éditeur.

Le second est le budget en octets. Ce fichier de 336 × 188 pèse 17,6 Ko, soit 0,28 octet par pixel — un taux de compression réel, pas nominal. C'est assez pour une image propre avec peu d'éléments et insuffisant pour une image chargée, et c'est tout le mécanisme derrière la plupart des plaintes sur YouTube qui « abîme » une miniature.

1280 × 720 est un master, pas un format de livraison

Envoyer en 1280 × 720 reste juste, car tout ce qui précède en dérive et un dérivé ne peut pas être plus net que sa source. Mais autant être clair sur ce qui lui arrive : sur onze vidéos réelles, le maxresdefault.jpg conservé allait de 114 Ko à 318 Ko, avec une moyenne de 188 Ko. Quoi que vous ayez envoyé, c'est cela que YouTube a gardé.

Et il existe exactement un endroit où ce fichier pleine taille est livré à un humain : l'aperçu d'un lien. L'og:image de la page de lecture pointe vers maxresdefault.jpg, donc un lien collé dans une messagerie ou un canal Slack affiche le JPEG 1280 × 720. À l'intérieur de YouTube, rien ne le fait. La spécification d'envoi à laquelle ce master se mesure est sur la page de YouTube consacrée aux miniatures personnalisées.

Cause 1 : vous la jugez à la mauvaise taille

C'est de loin la cause la plus fréquente, et ce n'est pas vraiment un problème de qualité : c'est un problème d'affichage. Une miniature examinée à 100 % dans un outil de design est examinée à environ quatre fois la taille que verra n'importe quel spectateur, et une maquette qui ne tient qu'à cette taille paraîtra molle partout ailleurs.

L'inverse est vrai aussi, et plus utile : une maquette qui survit à une boîte de 336 pixels paraît *délibérée* en grand. Vérifiez donc d'abord en petit et traitez le grand comme un bonus. C'est l'une des sept habitudes du guide des erreurs courantes, et celle qui change le plus pour le moins d'effort.

Cause 2 : la source n'a jamais été nette

Trois versions de ce problème, et toutes survivent dans chaque dérivé :

Une source agrandie. Une image de 640 pixels de large étirée à 1280 n'a pas plus de détail qu'au départ, mais elle a plus de pixels sur lesquels l'encodeur doit dépenser des octets. Vous obtenez le poids d'une grande image et le détail d'une petite.

Un JPEG réencodé. Exporter un JPEG, l'ouvrir, le modifier et l'exporter à nouveau accumule les artefacts, et YouTube réencode ensuite cela. Gardez le fichier de travail sans perte et exportez une seule fois.

Une image extraite de la vidéo comme calque de base. Une image tirée de votre propre vidéo est déjà compressée par le codec vidéo, à un débit réparti sur trente images par seconde. C'est le point de départ le plus mou possible pour quelque chose qui sera compressé encore.

Cause 3 : le grain dépense le budget en octets

Celle-ci méritait d'être mesurée plutôt qu'affirmée, je l'ai donc fait. Même photographie, trois versions — propre, avec un grain de ±12 niveaux, et avec un dégradé diagonal doux sur 40 niveaux —, chacune mise à l'échelle de l'emplacement 336 × 188 et encodée pour atteindre les 17,6 Ko qu'utilise le fichier réel.

La version propre a atteint ce budget à la qualité 0,95. Celle avec du grain n'a pu se permettre que 0,80. Retourné : à qualité fixe 0,80, le fichier propre fait 9,4 Ko et celui avec du grain 17,5 Ko — 86 % d'octets en plus pour la même image. Le dégradé n'a rien coûté, 9,4 Ko, et c'est la surprise utile.

La sagesse populaire a donc à moitié raison. Dégradés et lumière douce sont bon marché ; grain argentique, bruit de capteur, textures superposées et tramage appuyé sont chers, et à budget fixe l'encodeur les paie en jetant du détail à un endroit qui, lui, vous importait. L'encodeur de Chrome n'est pas celui de YouTube : prenez les chiffres exacts comme un ordre de grandeur — la direction ne fait pas de doute.

Cause 4 : les variantes avec bandes noires

Deux des fichiers statiques sont en 4:3, un reste de l'époque où YouTube l'était, et ils ne recadrent pas votre image : ils la complètent. hqdefault.jpg fait 480 × 360 avec 45 pixels de noir en haut et en bas, donc l'image réelle fait 480 × 270. sddefault.jpg fait 640 × 480 avec des bandes de 60 pixels, soit 640 × 360.

Cela compte parce que beaucoup de choses hors de YouTube s'appuient sur ces URL, et à cause du repli : sur une vidéo sans maxresdefault — un envoi plus ancien ou de plus faible résolution — l'og:image devient un hqdefault redimensionné. Je l'ai vérifié sur un envoi de 2005 : 480 × 360, 21 Ko, bandes comprises. Si vos aperçus de liens sortent avec des bandes et mous, c'est pour cela, et le remède est d'avoir un envoi qui permette le maxres.

Le plafond de poids n'est pas un budget de qualité

La limite de YouTube pour une miniature personnalisée est de 50 Mo depuis un ordinateur et 2 Mo depuis le téléphone, et ces 2 Mo sont l'un des nombres les plus mal lus de tout le processus : c'est le chiffre mobile, cité partout comme s'il était le seul. C'est un plafond sur ce que vous pouvez envoyer, pas une indication de ce qui sera livré : les fichiers ci-dessus font entre 7 Ko et 318 Ko. Remplir la marge ne fait que donner à l'encodeur davantage de votre fichier à jeter.

Ce qui compte, c'est d'arriver sous le plafond sans un second tour de compression. Un export de 3 Mo comprimé à 1,9 Mo dans un compresseur en ligne est un JPEG encodé deux fois avant que YouTube l'encode une troisième. Exportez une fois, à la taille et au format du guide des tailles et spécifications, et laissez la plateforme faire sa propre réduction.

Ce qui se lit vraiment à 336 pixels

Passé un certain point, la netteté à cette taille est une propriété de la composition plutôt que de l'export. Moins d'éléments, chacun plus grand : c'est toute la technique, et la raison est le budget en octets — le détail dépensé sur trois petites choses est du détail non dépensé sur une grande.

Les trois planchers concrets sont mesurés chacun dans son guide. Le texte a une hauteur minimale qui survit à la réduction — voir le guide sur la taille du texte. Un visage doit remplir environ un tiers du cadre, et plus de la moitié pour la colonne des suggestions, c'est le guide sur les visages. Et la séparation entre zones voisines doit venir de la luminance et pas seulement de la teinte, c'est le guide sur la couleur. Les trois sont le même argument abordé par des côtés différents.

Ce qu'il faut exporter

1. 1280 × 720, 16:9, sRVBC'est le master que YouTube conserve sous maxresdefault et le rapport d'aspect sur lequel chaque recadrage livré est construit. Plus grand que 1280 n'achète rien ; plus petit que 1280 vous coûte la variante maxres, et avec elle la qualité des aperçus de liens.
2. Un export, pas deuxAllez directement du fichier de travail sans perte au fichier que vous envoyez. Chaque JPEG intermédiaire est une série d'artefacts que l'encodeur de la plateforme amplifiera au lieu de les nettoyer.
3. Sous la limite sans compresseurUn export de haute qualité en pleine résolution reste très loin sous les 50 Mo dont vous disposez depuis un ordinateur : il n'y a donc rien à comprimer pour que ça rentre. Si le vôtre ressort étonnamment lourd, la maquette contient plus de bruit ou de texture que le format n'en veut : réduisez cela plutôt que de faire passer le fichier dans un second compresseur.
4. Vérifiez-la à 336 pixels avant l'envoiLa dernière étape est la seule qui vous dise si les trois précédentes ont servi. Regardez-la dans l'emplacement, pas dans l'éditeur.

La vérification d'une minute

Tout ce qui précède converge vers la même chose : jugez le fichier là où il sera livré. C'est un problème d'affichage, et un problème d'affichage se règle facilement — il suffit d'avoir les vraies tailles côte à côte, avec de vrais concurrents autour, pour comparer au lieu d'admirer.

C'est ce que fait l'outil d'aperçu. Si votre miniature tient dans la colonne des suggestions, à la taille la plus petite et la plus compressée que YouTube expédie, alors la netteté de votre export n'a jamais été le problème — et si elle ne tient pas, aucun réglage d'export ne la sauvera.

Les questions que tout le monde se pose