Por que sua miniatura parece borrada

O que o espectador baixa de verdade

Isso é mensurável, então aqui está medido. Abri uma página de player real e uma página de resultados de busca real, tirei do código as URLs das miniaturas e baixei cada uma. Todas voltaram como WebP, recortadas em 16:9, no tamanho do espaço em que iam entrar:

Os tamanhos entregues batem exatamente com os espaços renderizados — 168 × 94 é o sugerido que eu medi na interface, e 336 × 188 é o mesmo espaço numa tela Retina. O YouTube não te manda uma cópia reduzida de uma imagem grande: manda um arquivo construído para aquela caixa.

Dois números fazem quase todo o trabalho

O primeiro é o espaço. Um sugerido tem 168 pixels CSS de largura, e na tela 2× que praticamente todo mundo tem isso dá 336 pixels físicos. Seu desenho de 1280 pixels de largura é entregue como uma imagem de 336 pixels de largura. Qualquer julgamento sobre nitidez tem que ser feito ali, não no seu editor.

O segundo é o orçamento em bytes. Esse arquivo de 336 × 188 pesa 17,6 KB, ou seja 0,28 byte por pixel — uma taxa de compressão real, não nominal. Dá para uma imagem limpa com poucos elementos e não dá para uma cheia, e é esse o mecanismo por trás da maioria das reclamações de que o YouTube “estraga” a miniatura.

1280 × 720 é um master, não um formato de entrega

Subir em 1280 × 720 continua certo, porque tudo acima é derivado dali e um derivado não pode ser mais nítido que a fonte. Mas vale deixar claro o que acontece com ele: em onze vídeos reais o maxresdefault.jpg guardado ficou entre 114 KB e 318 KB, com média de 188 KB. Seja o que você tenha subido, foi isso que o YouTube guardou.

E existe exatamente um lugar em que esse arquivo em tamanho cheio é entregue a uma pessoa: a prévia de um link. O og:image da página do vídeo aponta para maxresdefault.jpg, então um link colado num chat ou num canal do Slack mostra o JPEG 1280 × 720. Dentro do YouTube, nada mostra. A especificação de upload contra a qual esse master é medido está na página do YouTube sobre thumbnails personalizadas.

Causa 1: você está julgando no tamanho errado

É de longe a causa mais comum, e não é bem um problema de qualidade: é um problema de visualização. Uma miniatura examinada a 100% num editor está sendo examinada em cerca de quatro vezes o tamanho que qualquer espectador vai ver, e um desenho que só se sustenta nesse tamanho vai parecer mole em todos os outros.

O inverso também vale e é mais útil: um desenho que sobrevive a uma caixa de 336 pixels parece *proposital* em tamanho grande. Então confira primeiro no pequeno e trate o grande como bônus. É um dos sete hábitos do guia dos erros comuns, e é o que muda mais com o menor esforço.

Causa 2: a fonte nunca foi nítida

Três versões disso, e todas sobrevivem em cada derivado:

Uma fonte ampliada. Uma imagem de 640 pixels de largura esticada para 1280 não tem mais detalhe do que tinha, mas tem mais pixels em que o codificador precisa gastar bytes. Você fica com o peso de uma imagem grande e o detalhe de uma pequena.

Um JPEG recodificado. Exportar um JPEG, abrir, editar e exportar de novo acumula artefato, e depois o YouTube recodifica isso. Mantenha o arquivo de trabalho sem perda e exporte uma vez só.

Um frame do vídeo como camada base. Um frame tirado do seu próprio vídeo já está comprimido pelo codec de vídeo, num bitrate espalhado por trinta frames por segundo. É o ponto de partida mais mole possível para uma coisa que vai ser comprimida outra vez.

Causa 3: o grão come o orçamento em bytes

Essa valia medir em vez de afirmar, então eu medi. A mesma foto, três versões — limpa, com grão de ±12 níveis e com um degradê diagonal suave ao longo de 40 níveis —, cada uma reduzida para o espaço de 336 × 188 e codificada para bater nos 17,6 KB que o arquivo real usa.

A versão limpa chegou nesse orçamento com qualidade 0,95. A do grão só conseguiu 0,80. Invertendo: com qualidade fixa em 0,80, o arquivo limpo dá 9,4 KB e o do grão 17,5 KB — 86% mais bytes pela mesma imagem. O degradê não custou nada, 9,4 KB, e essa é a surpresa útil.

Então o senso comum acerta metade. Degradê e luz suave são baratos; grão de filme, ruído de sensor, textura sobreposta e dithering pesado são caros, e num orçamento fixo o codificador paga por eles jogando fora detalhe em algum lugar de que você se importava. O codificador do Chrome não é o do YouTube, então trate os números exatos como ordem de grandeza — a direção não está em dúvida.

Causa 4: as variantes com tarja preta

Dois dos arquivos estáticos são 4:3, sobra da época em que o YouTube era, e eles não recortam sua imagem: eles preenchem em volta. O hqdefault.jpg é 480 × 360 com 45 pixels de preto em cima e embaixo, então a imagem de verdade é 480 × 270. O sddefault.jpg é 640 × 480 com tarjas de 60 pixels, dando 640 × 360.

Isso importa porque muita coisa fora do YouTube vai buscar essas URLs, e por causa do fallback: num vídeo sem maxresdefault — um upload mais antigo ou de resolução menor — o og:image passa a ser um hqdefault redimensionado. Conferi num upload de 2005: 480 × 360, 21 KB, com tarja. Se suas prévias de link aparecem com tarja e moles, é por isso, e a solução é ter um upload que gere o maxres.

O teto de peso não é orçamento de qualidade

O limite do YouTube para miniatura personalizada é de 50 MB pelo computador e 2 MB pelo celular, e esses 2 MB são um dos números mais mal lidos de todo o fluxo: é o número do celular, citado em todo lugar como se fosse o único. É um teto para o que você pode mandar, não uma indicação do que vai ser entregue: os arquivos acima estão entre 7 KB e 318 KB. Encher a folga só dá ao codificador mais do seu arquivo para descartar.

O que importa é chegar abaixo do teto sem uma segunda rodada de compressão. Uma exportação de 3 MB apertada para 1,9 MB num compressor online é um JPEG codificado duas vezes antes de o YouTube codificar uma terceira. Exporte uma vez, no tamanho e no formato do guia de tamanho e especificações, e deixe a plataforma fazer a redução dela.

O que realmente se lê a 336 pixels

Passado certo ponto, nitidez nesse tamanho é propriedade da composição, não da exportação. Menos elementos, cada um maior, é toda a técnica, e o motivo é o orçamento em bytes: detalhe gasto em três coisas pequenas é detalhe não gasto numa grande.

Os três pisos concretos estão medidos cada um no seu guia. Texto tem uma altura mínima que sobrevive à redução — veja o guia sobre tamanho de texto. Um rosto precisa ocupar cerca de um terço do quadro, e mais da metade na coluna de sugeridos, que é o guia sobre rostos. E a separação entre áreas vizinhas tem que vir da luminância, não só do matiz, que é o guia sobre cor. Os três são o mesmo argumento chegando de direções diferentes.

O que exportar

1. 1280 × 720, 16:9, sRGBÉ o master que o YouTube guarda como maxresdefault e a proporção sobre a qual todo recorte entregue é construído. Maior que 1280 não compra nada; menor que 1280 te custa a variante maxres e, com ela, a qualidade das prévias de link.
2. Uma exportação, não duasVá direto do arquivo de trabalho sem perda para o arquivo que você sobe. Cada JPEG intermediário é uma rodada de artefato que o codificador da plataforma vai amplificar em vez de limpar.
3. Abaixo do limite sem compressorUma exportação de alta qualidade em resolução cheia fica muito abaixo dos 50 MB que você tem pelo computador, então não há nada para espremer. Se a sua sair pesada demais, o desenho tem mais ruído ou textura do que o formato quer: reduza isso em vez de passar o arquivo por um segundo compressor.
4. Confira a 336 pixels antes de subirO último passo é o único que diz se os três anteriores serviram para algo. Olhe no espaço, não no editor.

A checagem de um minuto

Tudo acima converge na mesma coisa: julgue o arquivo onde ele vai ser entregue. É problema de visualização, e problema de visualização é fácil de resolver — você só precisa dos tamanhos reais um do lado do outro, com concorrentes de verdade em volta, para estar comparando em vez de admirando.

É isso que a ferramenta de pré-visualização faz. Se a sua miniatura se segura na coluna de sugeridos, no menor e mais comprimido tamanho que o YouTube entrega, então a nitidez da sua exportação nunca foi o problema — e se não se segura, nenhuma configuração de exportação salva.

As perguntas que todo mundo faz