Converter WebM para PNG

Esta página tem um leitor mais específico que a de JPG. Você não está ilustrando algo — está produzindo evidência. Um relatório de bug precisa da mensagem de erro exata visível. Um ticket de suporte precisa do valor do campo e do timestamp no canto. Um passo de documentação precisa do item de menu que alguém deve clicar. Nos três, a imagem falha se o texto nela não estiver nítido.

É esse o argumento inteiro a favor do PNG sobre JPG aqui. Os dois partem do mesmo quadro decodificado na mesma resolução, e o JPG então acrescenta sua própria compressão em cima — que cai exatamente onde texto encontra fundo. PNG armazena o que o decodificador produziu e para.

Sem perdas significa que nada mais é descartado. Não significa que o quadro está impecável, e vale ser direto sobre isso: a imagem chegou por um codec de vídeo que já gastou a maior parte do esforço em movimento. Qualquer suavidade que isso introduziu já está fixada antes de esta conversão ver um pixel.

Então PNG não é uma melhoria sobre o vídeo, é a ausência de uma piora. Num momento estático de uma interface, isso deixa você essencialmente com a captura de tela que você teria tirado na hora. Num quadro durante um scroll, deixa você com uma cópia exata de um quadro borrado.

Digite o número de segundos desde o início. O padrão de zero quase nunca é certo para uma gravação de tela, porque gravar começa antes de fazer — você recebe uma área de trabalho, uma página carregando ou uma mão alcançando o mouse.

Para evidência há uma segunda consideração: o quadro útil costuma ser logo depois de a coisa acontecer, não durante. O momento em que uma caixa de diálogo de erro aparece é um momento de animação e ruído de compressão; meio segundo depois ela está parada e o codec teve tempo de descrever direito.

Gravações de tela têm dois tipos muito diferentes de momento nelas. Quando nada se move, um codec de vídeo consegue gastar quase todos os seus bits num quadro só e depois relaxar, então uma interface parada é descrita extremamente bem. Quando a página rola, todo pixel muda de uma vez e a mesma taxa de bits precisa cobrir o quadro inteiro.

É por isso que um quadro capturado no meio de um scroll parece uma fotocópia de fotocópia e um quadro capturado dois segundos depois parece perfeito. Se uma gravação parece não ter quadros bons nenhuns, provavelmente foi capturada numa taxa de bits baixa demais para sua resolução.

Vídeo gravado no navegador é essencialmente sempre 4:2:0: detalhe de brilho completo, mas cor amostrada em metade da resolução em cada direção. Em fotografias isso é invisível, motivo de ser padrão desde o início do vídeo digital.

Numa tela é outra história, e é o único artefato que este leitor percebe. Texto colorido sobre um fundo contrastante — texto de erro vermelho, uma palavra-chave destacada, um selo colorido — chega com uma borda suave no canal de cor que o PNG então preserva fielmente.

PNG não descarta nada, então um quadro em resolução completa é um arquivo substancial. Conteúdo de interface comprime bem — grandes áreas planas de uma cor só são o caso para o qual o PNG foi desenhado — e um quadro de captura de tela 1080p costuma ficar na casa baixa das centenas de kilobytes.

Depois de codificar, a imagem passa por uma otimização que a reescreve de forma mais eficiente sem mudar um pixel. Numa amostra de 960 por 640 medida, isso baixou 1.366 KB para 468 KB.

Trabalho de documentação significa vários quadros de uma gravação: o menu, a caixa de diálogo, a confirmação. Cada um é uma conversão separada — defina o timestamp, converta, baixe, mude o número — e cada uma leva alguns segundos porque nada sai da máquina entre elas.

Gravar a demonstração deliberadamente torna isso bem mais fácil. Pause um instante em cada estado que você pretende capturar, e cada pausa vira um quadro em que o codec teve tempo de se acomodar.

Uma gravação da sua própria tela é, por construção, uma gravação de tudo que estava nela: uma caixa de entrada em outra aba, um nome de cliente no canto, uma ferramenta interna que você estava demonstrando. Enviar o vídeo inteiro para um conversor devolver um quadro é entregar todos os quadros que você não queria.

Aqui o WebM é decodificado na aba com os codecs que o navegador já tem, um quadro é codificado, e nada carregando o vídeo é transmitido. A checagem leva dez segundos — abra as ferramentas de desenvolvedor, observe a aba de rede, converta.