Warum Ihr Thumbnail unscharf aussieht

Was der Zuschauer tatsächlich herunterlädt

Das ist messbar, also hier gemessen. Ich habe eine echte Wiedergabeseite und eine echte Suchergebnisseite geladen, die Thumbnail-URLs aus dem Markup geholt und sie abgerufen. Jede kam als WebP zurück, auf 16:9 zugeschnitten, auf den Platz dimensioniert, in den sie ging:

Die ausgelieferten Größen stimmen exakt mit den gerenderten Plätzen überein — 168 × 94 ist der Vorschlag, den ich in der Oberfläche gemessen habe, und 336 × 188 ist derselbe Platz auf einem Retina-Bildschirm. YouTube schickt Ihnen keine verkleinerte Kopie eines großen Bildes; es schickt eine Datei, die für diesen Kasten gebaut ist.

Zwei Zahlen erledigen fast die ganze Arbeit

Die erste ist der Platz. Ein Vorschlag ist 168 CSS-Pixel breit, und auf dem 2×-Bildschirm, den fast alle haben, sind das 336 physische Pixel. Ihr 1280 Pixel breiter Entwurf wird als 336 Pixel breites Bild ausgeliefert. Jedes Urteil über Schärfe muss dort gefällt werden, nicht in Ihrem Editor.

Die zweite ist das Byte-Budget. Diese 336 × 188 große Datei wiegt 17,6 KB, also 0,28 Byte pro Pixel — eine echte Kompressionsrate, keine nominelle. Sie reicht für ein sauberes Bild mit wenigen Elementen und nicht für ein überfülltes, und darin steckt der ganze Mechanismus hinter den meisten Klagen darüber, dass YouTube ein Thumbnail „ruiniert“.

1280 × 720 ist ein Master, kein Lieferformat

In 1280 × 720 hochzuladen bleibt richtig, denn alles Obige leitet sich davon ab, und ein Derivat kann nicht schärfer sein als seine Quelle. Aber es lohnt sich, klar zu sagen, was damit passiert: über elf echte Videos lag die gespeicherte maxresdefault.jpg zwischen 114 KB und 318 KB, im Mittel bei 188 KB. Was Sie auch hochgeladen haben — das ist, was YouTube behalten hat.

Und es gibt genau einen Ort, an dem diese Datei in voller Größe an einen Menschen ausgeliefert wird: die Linkvorschau. Das og:image der Wiedergabeseite zeigt auf maxresdefault.jpg, ein in einen Chat oder einen Slack-Kanal eingefügter Link zeigt also das 1280 × 720 JPEG. Innerhalb von YouTube tut das nichts. Die Upload-Spezifikation, an der dieser Master gemessen wird, steht auf YouTubes Seite zu individuellen Thumbnails.

Ursache 1: Sie beurteilen es in der falschen Größe

Das ist mit Abstand die häufigste Ursache, und es ist eigentlich kein Qualitätsproblem, sondern ein Betrachtungsproblem. Ein Thumbnail, das in einem Grafikprogramm bei 100 % geprüft wird, wird bei etwa der vierfachen Größe geprüft, die je ein Zuschauer sieht — und ein Entwurf, der nur in dieser Größe trägt, wirkt überall sonst weich.

Die Umkehrung gilt auch und ist nützlicher: ein Entwurf, der einen 336-Pixel-Kasten übersteht, wirkt in voller Größe *bewusst gemacht*. Prüfen Sie also zuerst klein und behandeln Sie groß als Zugabe. Es ist eine der sieben Gewohnheiten aus dem Leitfaden zu häufigen Fehlern und die, die für den geringsten Aufwand am meisten ändert.

Ursache 2: die Quelle war nie scharf

Drei Varianten davon, und alle überleben in jedem Derivat:

Eine hochskalierte Quelle. Ein 640 Pixel breites Bild, auf 1280 gezogen, hat nicht mehr Detail als vorher, aber mehr Pixel, für die der Encoder Bytes ausgeben muss. Sie bekommen die Dateigröße eines großen Bildes und das Detail eines kleinen.

Ein neu kodiertes JPEG. Ein JPEG exportieren, öffnen, bearbeiten und wieder exportieren summiert die Artefakte — und YouTube kodiert das dann noch einmal. Halten Sie die Arbeitsdatei verlustfrei und exportieren Sie einmal.

Ein Videostandbild als Basisebene. Ein aus dem eigenen Video gezogenes Bild ist schon vom Videocodec komprimiert, bei einer Bitrate, die auf dreißig Bilder pro Sekunde verteilt war. Das ist der weichste mögliche Ausgangspunkt für etwas, das noch einmal komprimiert wird.

Ursache 3: Korn verbraucht das Byte-Budget

Das war es wert, gemessen statt behauptet zu werden, also habe ich es gemessen. Dieselbe Fotografie, drei Fassungen — sauber, mit Korn von ±12 Stufen und mit einem sanften diagonalen Verlauf über 40 Stufen —, jede auf den 336 × 188 Platz skaliert und so kodiert, dass sie die 17,6 KB der echten Datei trifft.

Die saubere Fassung erreichte dieses Budget bei Qualität 0,95. Die mit Korn konnte sich nur 0,80 leisten. Umgedreht: bei fester Qualität 0,80 ist die saubere Datei 9,4 KB groß und die mit Korn 17,5 KB — 86 % mehr Bytes für dasselbe Bild. Der Verlauf kostete gar nichts, 9,4 KB, und das ist die nützliche Überraschung.

Die Alltagsweisheit hat also halb recht. Verläufe und weiches Licht sind billig; Filmkorn, Sensorrauschen, aufgelegte Texturen und starkes Dithering sind teuer, und bei festem Budget bezahlt der Encoder sie damit, dass er Detail an einer Stelle wegwirft, die Ihnen wichtig war. Chromes Encoder ist nicht YouTubes: nehmen Sie die genauen Zahlen als Größenordnung — die Richtung steht nicht in Frage.

Ursache 4: die Varianten mit schwarzen Balken

Zwei der statischen Dateien sind 4:3 — ein Rest aus der Zeit, in der YouTube es war — und sie schneiden Ihr Bild nicht zu, sondern füllen es auf. hqdefault.jpg ist 480 × 360 mit 45 Pixeln Schwarz oben und unten, das echte Bild ist also 480 × 270. sddefault.jpg ist 640 × 480 mit 60-Pixel-Balken, was 640 × 360 ergibt.

Das ist wichtig, weil vieles außerhalb von YouTube auf diese URLs zugreift — und wegen des Rückfalls: bei einem Video ohne maxresdefault, also einem älteren oder niedriger aufgelösten Upload, wird das og:image zu einer skalierten hqdefault. Ich habe es an einem Upload von 2005 geprüft: 480 × 360, 21 KB, Balken inklusive. Wenn Ihre Linkvorschauen mit Balken und weich aussehen, ist das der Grund, und die Abhilfe ist ein Upload, der maxres überhaupt zulässt.

Die Größengrenze ist kein Qualitätsbudget

YouTubes Grenze für ein eigenes Thumbnail liegt bei 50 MB vom Computer und 2 MB vom Smartphone, und diese 2 MB sind eine der am häufigsten missverstandenen Zahlen im ganzen Ablauf — es ist der mobile Wert, überall zitiert, als wäre er der einzige. Sie ist eine Obergrenze für das, was Sie senden dürfen, kein Hinweis darauf, was ausgeliefert wird: die Dateien oben liegen zwischen 7 KB und 318 KB. Den Spielraum auszufüllen gibt dem Encoder nur mehr von Ihrer Datei zum Wegwerfen.

Worauf es ankommt, ist, unter der Grenze anzukommen, ohne eine zweite Kompressionsrunde. Ein 3-MB-Export, in einem Online-Kompressor auf 1,9 MB gequetscht, ist ein JPEG, das zweimal kodiert wurde, bevor YouTube es zum dritten Mal kodiert. Exportieren Sie einmal, in der Größe und im Format aus dem Leitfaden zu Größe und Spezifikationen, und lassen Sie die Plattform ihre eigene Verkleinerung machen.

Was bei 336 Pixeln wirklich liest

Ab einem Punkt ist Schärfe in dieser Größe eher eine Eigenschaft der Komposition als des Exports. Weniger Elemente, jedes größer — das ist die ganze Technik, und der Grund ist das Byte-Budget: Detail, das für drei kleine Dinge ausgegeben wird, ist Detail, das nicht für ein großes ausgegeben wird.

Die drei konkreten Untergrenzen sind je in ihrem eigenen Leitfaden gemessen. Text hat eine Mindesthöhe, die die Verkleinerung übersteht — siehe den Leitfaden zur Textgröße. Ein Gesicht muss rund ein Drittel des Bildes füllen, für die Vorschlagsspalte über die Hälfte, das ist der Leitfaden zu Gesichtern. Und die Trennung benachbarter Flächen muss aus der Leuchtdichte kommen, nicht nur aus dem Farbton, das ist der Leitfaden zur Farbe. Alle drei sind dasselbe Argument, das von verschiedenen Seiten kommt.

Was Sie exportieren sollten

1. 1280 × 720, 16:9, sRGBDas ist der Master, den YouTube als maxresdefault behält, und das Seitenverhältnis, auf dem jeder ausgelieferte Zuschnitt aufbaut. Größer als 1280 bringt nichts; kleiner als 1280 kostet Sie die maxres-Variante und damit die Qualität der Linkvorschau.
2. Ein Export, nicht zweiGehen Sie direkt von der verlustfreien Arbeitsdatei zu der Datei, die Sie hochladen. Jedes JPEG dazwischen ist eine Runde Artefakte, die der Encoder der Plattform dann verstärkt statt sie zu bereinigen.
3. Unter der Grenze ohne KompressorEin hochwertiger Export in voller Auflösung landet weit unter den 50 MB, die Sie am Computer haben — es muss also nichts zurechtgequetscht werden. Fällt Ihrer unerwartet schwer aus, hat der Entwurf mehr Rauschen oder Textur, als das Format möchte: reduzieren Sie das, statt die Datei durch einen zweiten Kompressor zu schicken.
4. Vor dem Upload bei 336 Pixeln prüfenDer letzte Schritt ist der einzige, der Ihnen sagt, ob die drei davor etwas gebracht haben. Sehen Sie es sich im Platz an, nicht im Editor.

Die Prüfung, die eine Minute dauert

Alles Obige läuft auf dasselbe zu: beurteilen Sie die Datei dort, wo sie ausgeliefert wird. Das ist ein Betrachtungsproblem, und ein Betrachtungsproblem ist leicht zu lösen — Sie brauchen nur die echten Größen nebeneinander, mit echter Konkurrenz ringsum, damit Sie vergleichen und nicht bewundern.

Genau das tut das Vorschau-Werkzeug. Wenn Ihr Thumbnail in der Vorschlagsspalte zusammenhält, in der kleinsten und am stärksten komprimierten Größe, die YouTube ausliefert, dann war die Schärfe Ihres Exports nie das Problem — und wenn nicht, rettet es keine Exporteinstellung.

Die Fragen, die alle stellen