Imagens e fotos · Conversor e compressor de imagens
Subamostragem de croma: por que JPEG desfoca texto vermelho e linhas coloridas finas
· Como funciona
formatos de imagem JPEG qualidade de imagem
JPEG e WebP com perdas armazenam cores em resolução inferior ao brilho, que é invisível em fotos e óbvio em texto em vermelho. Esta postagem explica a subamostragem 4:2:0, por que os codificadores fazem isso e como escolher um formato quando as bordas das cores são importantes.
O rótulo vermelho que ficou confuso enquanto o texto preto permaneceu nítido – o sintoma que aponta diretamente para a subamostragem de croma
Um rótulo vermelho pode aparecer mais suave do que o texto escuro vizinho, mesmo quando ambos começam como vetores nítidos em uma captura de tela. Vale a pena investigar esse sintoma, mas por si só não identifica um modo exato de subamostragem de croma. ToolAcre decodifica a fonte, desenha pixels em uma tela e solicita ao navegador JPEG ou WebP bytes; a borda resultante é uma evidência, enquanto as decisões privadas do codificador não o são.
Comece com uma imagem controlada contendo traços estreitos de vermelho, azul, cinza e preto em um fundo. Mantenha suas dimensões inalteradas, exporte cada destino uma vez e inspecione os downloads no tamanho de pixel nativo. Se apenas as saídas com perdas mancharem os limites saturados, a escolha do formato estará implicada. Se cada saída for flexível, primeiro verifique se ocorreu redimensionamento, pois o plano classifica quaisquer dimensões alteradas como reamostragem.
Luma e croma: dividindo um pixel em brilho e cor — a transformação YCbCr e por que os codificadores separam os dois
O esboço descreve as transformações luma e chroma, mas nenhum código de transformação aparece neste repositório. O aplicativo fornece pixels RGBA decodificados ao codificador do navegador e nunca recebe brilho ou planos de cores separados. Ele pode, portanto, documentar uma distinção prática – a saída com perdas pode descartar detalhes visíveis – sem pretender revelar os cálculos de coeficientes do navegador ou a representação interna de cores.
Esse limite muda a forma como um relatório de defeito deve ser escrito. Registre o tipo MIME de origem, o tipo MIME de destino, a qualidade, as dimensões originais e de saída, o navegador e um corte mostrando a borda afetada. Não declare que um determinado canal foi dividido pela metade, a menos que uma inspeção do codificador prove isso. Uma observação precisa pode ser reproduzida; uma explicação emprestada sobre configurações de implementação ocultas pode levar os mantenedores a um controle que eles não possuem.
A perda de detalhes de cor é observável, mas este repositório não implementa ou expõe uma transformação YCbCr
Os rótulos familiares 4:4:4, 4:2:2 e 4:2:0 não são controles nesta interface. `encodeCanvas` passa apenas o tipo MIME e, para JPEG ou WebP, um valor de qualidade normalizado. Nem o painel nem o plano de conversão possuem um campo de subamostragem. Uma seção que apresentasse esses modos como selecionáveis contradiria o produto enviado, portanto a lição útil é a ausência dessa escolha.
Quando a fidelidade da borda da cor for um requisito, escolha um caminho cujo resultado você possa inspecionar em vez de assumir um modo no controle deslizante. PNG é o codificador sem perdas disponível e mantém alfa quando as dimensões permanecem fixas. A saída WebP de JPEG e ToolAcre são explicitamente descritas como com perdas em todas as qualidades. Essa distinção baseada na fonte é suficiente para escolher um candidato mais seguro para diagramas sem publicar uma matriz de suporte não suportada.
O codificador do navegador não expõe nenhum seletor 4:4:4, 4:2:2 ou 4:2:0
As fotografias distribuem detalhes entre texturas, iluminação e limites irregulares, de modo que uma pequena alteração nas bordas da cor pode ser menos visível do que em uma regra de interface de um pixel. Esta é uma heurística de inspeção, não uma afirmação de que a visão humana segue uma proporção codificada em ToolAcre. O aplicativo não calcula a similaridade perceptiva, não classifica o conteúdo nem certifica que o dano será invisível para o visualizador.
Use material representativo. Um retrato por si só é um teste ruim para um sistema de design cheio de tipos coloridos, e um gráfico sintético por si só é um substituto ruim para uma biblioteca de fotos. O conversor relata o tamanho medido em bytes e oferece uma visualização antes e depois do primeiro resultado, mas a aceitação deve incluir a abertura do arquivo no layout real. A escala de visualização pode ocultar exatamente o dano do limite em análise.
As fotografias podem ocultar melhor a perda de cores nas bordas do que os gráficos; nenhum modelo de visão é afirmado aqui
Os gráficos concentram o significado em transições difíceis: um sublinhado de aviso vermelho, uma série azul em um gráfico ou texto colorido em branco. Quando amostras vizinhas são mescladas ou arredondadas durante uma codificação com perdas, a borda pode parecer sangrar mesmo que sua localização permaneça inalterada. O redimensionamento adiciona outro mecanismo porque `drawImage` redesenha a fonte com alta suavização antes da codificação.
Separe esses mecanismos mantendo as dimensões constantes para a primeira comparação. Se PNG permanecer nítido enquanto JPEG e WebP suavizarem, o estágio de codificação com perdas é o diferenciador. Em seguida, repita com um redimensionamento deliberado para saber o que a reamostragem acrescenta. Este experimento em duas etapas é mais forte do que alterar qualidade, dimensões e formato juntos, porque apenas uma decisão é movida em cada rodada.
O que o codificador do navegador permite controlar - um número de qualidade, mas sem opção de subamostragem, e por que WebP com perdas é sempre 4:2:0
ToolAcre fornece ao navegador um número de qualidade fixado de 0.01 a 1 para JPEG e WebP. Ele não oferece nenhuma opção para amostragem de cores, tabelas de transformação ou esforço de codificador. A afirmação da pasta de trabalho de que WebP com perdas é sempre um modo de subamostragem nomeado está fora da implementação inspecionada, portanto, este artigo deliberadamente não a repete como uma garantia do produto.
A resposta prática para uma escolha de codificador oculto não é procurar uma caixa de seleção não documentada. Compare as saídas reais, preserve a fonte e selecione PNG quando as bordas coloridas exatas são mais importantes do que um arquivo menor. Se um pipeline de produção exigir um modo de amostragem especificado, use um codificador cujo API documentado o exponha; uma conveniência de tela API não pode satisfazer um contrato que nunca aceita.
A ferramenta passa apenas pela qualidade; a política de subamostragem do codificador permanece oculta
Crie um gráfico de teste 1200-by-800 com finas diagonais vermelhas e azuis, rótulos escuros, um gradiente neutro suave e um canto transparente. Exporte-o sem redimensionar para PNG, JPEG e WebP. O repositório não pode prever os totais de bytes ou artefatos exatos, portanto, anote os resultados medidos mostrados pelo painel em vez de inserir as porcentagens prometidas no plano de teste.
Em 100 por cento, compare os traços coloridos com os controles escuros e verifique se o canto transparente sobreviveu. PNG deve reter alfa por meio do codificador sem perdas compatível; JPEG recebe o fosco selecionado porque não pode armazenar alfa; WebP retém alfa, mas ainda está marcado com perdas. Esses três resultados visíveis testam propriedades separadas e evitam tratar “menor” como sinônimo de “melhor”.
Conclusão: escolha o formato por conteúdo - como o Conversor e compressor de imagem permite exportar a mesma imagem que PNG quando as bordas coloridas devem permanecer nítidas
A escolha do formato não pode garantir como cada aplicativo downstream irá renderizar cores, ampliar uma imagem ou dimensioná-la para exibição. ToolAcre também não expõe metadados de subamostragem de suas saídas nem fornece uma métrica de diferença de pixel. Essas omissões significam que a verificação final pertence à página, documento ou aplicativo de destino, e não apenas ao painel de conversão.
Para texto saturado e regras coloridas estreitas, comece com o candidato sem perdas e justifique qualquer substituição com perdas com inspeção direta. O Image Converter & Compressor torna essa comparação repetível em um dispositivo: mesma fonte, dimensões fixas, três formatos de saída e bytes medidos. O resultado – não um número de controle deslizante compartilhado ou modo de subamostragem presumido – deve decidir o que será enviado.