Comece com a fonte decodificada, não com a extensão do arquivo
A compactação de vídeo já pode conter bordas suavizadas, limites de bloco, toques, faixas, subamostragem de croma e artefatos de movimento. Salvar um quadro decodificado como PNG evita uma codificação adicional de imagem estática com perdas, mas não pode reconstruir informações que não estão mais presentes.
JPG e WebP com perdas fazem uma nova troca entre tamanho e fidelidade após a decodificação. Seus artefatos são mais fáceis de notar em torno de textos pequenos, bordas de interface, linhas de alto contraste, texturas repetidas e gradientes suaves. Uma cena fotográfica com ruído geralmente pode tolerar mais compactação do que uma gravação de tela com rótulos de 12 pixels.
Avalie o tamanho de exibição pretendido. Uma falha visível com zoom de 400% pode ser irrelevante em uma miniatura de 320 pixels, enquanto uma legenda ligeiramente desfocada pode falhar no tamanho normal, mesmo quando o arquivo parece pequeno e eficiente.
Use PNG para codificação de imagens estáticas sem perdas
PNG é uma ótima opção para capturas de interface, diagramas, legendas, arte de linha, gráficos planos, referências de edição de arquivo e quadros que serão submetidos a composição adicional. Ele preserva os valores de pixel decodificados por meio de compactação sem perdas e evita adicionar blocos no estilo JPEG ou artefatos de toque.
A desvantagem é o tamanho do arquivo. Os quadros fotográficos contêm textura e ruído que o PNG não consegue compactar com a mesma eficiência que um formato de foto com perdas. Um grande lote de arquivos PNG de resolução total pode consumir bastante espaço em disco e memória do navegador, mesmo quando cada quadro parece semelhante.
PNG não é automaticamente o formato de entrega final da mais alta qualidade. Se a saída for uma pequena miniatura da web, um JPG ou WebP cuidadosamente codificado pode parecer equivalente no tamanho da visualização e ser transferido muito mais rapidamente. Mantenha o PNG quando edições futuras ou detalhes sintéticos nítidos justificarem o peso.
Use JPG para ampla compatibilidade fotográfica
JPG é amplamente aceito por sistemas de conteúdo, ferramentas de escritório, plataformas sociais e editores de imagens. Funciona bem para filmagens de câmeras, pessoas, produtos, eventos e texturas naturais. A configuração de qualidade do VideoToImg permite comparar a saída compacta com danos visíveis, em vez de depender de um número universal.
Comece com qualidade 88 para uma moldura fotográfica, inspecione rostos, cabelos, tecido, texto e limites de alto contraste e, em seguida, diminua o valor somente quando a economia de tamanho for importante. Às vezes, uma largura máxima menor pode reduzir o peso de maneira mais previsível do que a compactação agressiva, pois remove pixels antes da codificação, preservando a proporção da imagem.
Evite editar e salvar repetidamente JPG. Cada geração com perdas pode adicionar artefatos. Se um quadro precisar de retoques substanciais, exporte uma cópia de trabalho PNG e crie o JPG final após a conclusão das edições.
Use WebP quando o caminho de publicação suportar
O WebP pode fornecer imagens eficientes com perdas para sites e aplicativos modernos, e os navegadores geralmente as decodificam. É útil para galerias, documentação, visualizações de produtos e outras entregas na Web onde a redução do tamanho da transferência é importante.
A compatibilidade fora dos navegadores ainda deve ser verificada. Um editor downstream, gerador de documentos, mercado, fluxo de trabalho de e-mail ou sistema de conteúdo mais antigo pode preferir JPG ou PNG mesmo quando o navegador pode criar WebP. Escolha o formato que sobrevive a todo o fluxo de trabalho, não apenas ao primeiro download.
Compare WebP e JPG do mesmo quadro decodificado e dimensões de pixel. Os tamanhos dos arquivos não são comparáveis quando um candidato também foi redimensionado ou codificado a partir de um carimbo de data/hora diferente.
Execute um teste justo de três formatos
- Selecione um quadro representativo contendo detalhes fáceis e difíceis: um rosto ou objeto texturizado, texto pequeno, uma borda nítida e um gradiente quando possível.
- Exporte PNG, JPG e WebP nas mesmas dimensões de pixel. Grave configurações de qualidade JPG e WebP.
- Visualize cada imagem no tamanho de exibição pretendido e, em seguida, inspecione as áreas difíceis em 100 por cento. Não julgue apenas pela visualização ampliada do navegador.
- Compare o peso do arquivo após revisão visual. Rejeite qualquer candidato com danos visíveis no texto, halos, bloqueios, faixas coloridas ou textura perdida que seja importante para a tarefa.
- Abra o vencedor no próximo aplicativo do fluxo de trabalho. Confirme se o upload, a edição, as expectativas de transparência, o tratamento de metadados e a nomenclatura de download se comportam conforme necessário.
- Repita com um segundo quadro se o vídeo alternar entre gráficos de tela e imagens fotográficas; uma configuração pode não representar ambos os tipos de conteúdo.
Combine tarefas comuns com um padrão prático
YouTube ou miniatura social
Comece com JPG nas dimensões exigidas. Mantenha qualidade suficiente para rostos, texto e contraste e verifique os requisitos atuais de upload da plataforma antes de publicar.
Relatório de bug de software ou etapa do tutorial
Use PNG quando os rótulos da interface e os limites de um pixel precisarem permanecer legíveis. O downscale somente após a confirmação do destino ainda apresenta o texto com clareza.
Galeria ou documentação do site
Experimente WebP e JPG na largura de exibição final e, em seguida, escolha o arquivo menor que passa nas verificações de compatibilidade visual e de fluxo de trabalho. Mantenha um mestre de edição separadamente se houver probabilidade de alterações futuras.
Conjunto de dados de quadro ou inspeção de visão computacional
Escolha com base no pipeline downstream e na tolerância de medição. A compactação com perdas pode alterar recursos finos. O método de amostragem, o processo de rotulagem e o protocolo de validação são pelo menos tão importantes quanto a extensão da imagem.
Mantenha a qualidade da fonte e a qualidade da saída separadas
Mudar de JPG para PNG não pode remover desfoques ou artefatos já visíveis na visualização decodificada. Procure um quadro próximo com menos movimento, use uma fonte de maior qualidade ou retorne à gravação original antes de ajustar o codificador de imagem estática.
O codificador de tela do navegador cria o blob de saída, conforme descrito na documentação HTMLCanvasElement toBlob. As implementações do navegador podem diferir ligeiramente, portanto, repita um teste visual quando um alvo preciso de tamanho de arquivo ou fluxo de trabalho automatizado depender do comportamento do codificador.
Abra o conversor de vídeo para imagem para comparar formatos em um quadro ou leia o guia de amostragem antes de criar uma sequência grande.