Imagens e fotos · Editor de imagens e desenhos do navegador
Por que as capturas de tela anotadas ficam borradas: reamostragem e recodificação
· Como funciona
edição de imagem tela processamento do navegador
Uma captura de tela nítida pode ficar suave após uma edição rápida, e as causas quase sempre são redimensionamento ou codificação com perdas. Esta postagem separa os dois, mostra como identificar cada um e explica como manter o texto da interface nítido.
Nítido, suave - a captura de tela que parecia boa até ser editada e salva
A nitidez da captura de tela tem dois caminhos de falha diferentes. Comece com entrada nítida e saída suave: a captura de tela parecia boa até ser editada e salva. Para esse diagnóstico de saída suave, o mecanismo relevante é O documento mantém as dimensões reais da imagem enquanto a visualização visível é dimensionada para caber, de modo que a suavidade do zoom não seja automaticamente danificada na exportação. O redimensionamento reamostra cada camada, usando repetidas reduções pela metade para grandes reduções e uma etapa final exata de drawImage.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. A exportação PNG não recebe nenhum valor de qualidade; JPEG e WebP usam uma qualidade de codificador de navegador entre 0.1 e 1, padrão para 0.92. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.
Reamostragem: o que acontece quando as dimensões dos pixels mudam - interpolação, por que uma linha de 1 pixels não pode sobreviver a uma escala de 90 por cento e como as telas HiDPI complicam isso
A nitidez da captura de tela tem dois caminhos de falha diferentes. A reamostragem é o primeiro culpado: alterar as dimensões dos pixels introduz interpolação, portanto, uma linha de 1 pixels não pode sobreviver a uma escala de 90 por cento inalterada e as telas HiDPI podem ocultar a diferença. Para esse diagnóstico de saída suave, o mecanismo relevante é Resize, reamostra cada camada, usando repetidos cortes pela metade para grandes reduções e uma etapa final exata de drawImage. A exportação PNG não recebe nenhum valor de qualidade; JPEG e WebP usam uma qualidade de codificador de navegador entre 0.1 e 1, padrão para 0.92.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. O repositório não promete economia específica de tamanho de arquivo, resultado de nitidez ou artefato do codificador do navegador. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.
Recodificação: o que a compactação com perdas faz com cores e textos planos - toque e bloqueio em bordas de alto contraste
A nitidez da captura de tela tem dois caminhos de falha diferentes. A recodificação é o segundo culpado: a compactação com perdas pode introduzir toques e bloqueios em cores planas e texto de alto contraste. Para este diagnóstico de saída suave, o mecanismo relevante é PNG a exportação não recebe nenhum valor de qualidade; JPEG e WebP usam uma qualidade de codificador de navegador entre 0.1 e 1, padrão para 0.92. O repositório não promete economia específica de tamanho de arquivo, resultado de nitidez ou artefato do codificador do navegador.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. O documento mantém as dimensões reais da imagem enquanto a visualização visível é dimensionada para caber, de forma que a suavidade do zoom não seja automaticamente danificada na exportação. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.
Diferenciando os dois - ampliando para 100 por cento e lendo os artefatos para saber se a escala ou o formato é o culpado
A nitidez da captura de tela tem dois caminhos de falha diferentes. Diferencie-os visualizando o download em 100 por cento e lendo os artefatos: a geometria suavizada aponta para a escala, enquanto halos ou blocos ao redor do texto apontam para a codificação. Para esse diagnóstico de saída suave, o mecanismo relevante é: O repositório não promete economia específica de tamanho de arquivo, resultado de nitidez ou artefato do codificador do navegador. O documento mantém as dimensões reais da imagem enquanto a visualização visível é dimensionada para caber, de forma que a suavidade do zoom não seja automaticamente danificada na exportação.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. O redimensionamento reamostra cada camada, usando repetidas reduções pela metade para grandes reduções e uma etapa final exata de drawImage. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.
Exemplo resolvido: a mesma caixa de diálogo exportada em tamanho nativo e após dimensionamento - um lado a lado que mostra onde foi a nitidez
A nitidez da captura de tela tem dois caminhos de falha diferentes. Compare a mesma caixa de diálogo em tamanho nativo e após dimensionamento; o lado a lado torna a perda visível em vez de culpar a visualização. Para esse diagnóstico de saída suave, o mecanismo relevante é O documento mantém as dimensões reais da imagem enquanto a visualização visível é dimensionada para caber, de modo que a suavidade do zoom não seja automaticamente danificada na exportação. O redimensionamento reamostra cada camada, usando repetidas reduções pela metade para grandes reduções e uma etapa final exata de drawImage.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. A exportação PNG não recebe nenhum valor de qualidade; JPEG e WebP usam uma qualidade de codificador de navegador entre 0.1 e 1, padrão para 0.92. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.
O que isso não cobre – filtros de nitidez, capturas de tela vetoriais e aumento de escala que pretende adicionar detalhes
A nitidez da captura de tela tem dois caminhos de falha diferentes. Isso não cobre filtros de nitidez, capturas de tela vetoriais ou aumento de escala que pretende adicionar detalhes. Para esse diagnóstico de saída suave, o mecanismo relevante é Resize, reamostra cada camada, usando repetidos cortes pela metade para grandes reduções e uma etapa final exata de drawImage. A exportação PNG não recebe nenhum valor de qualidade; JPEG e WebP usam uma qualidade de codificador de navegador entre 0.1 e 1, padrão para 0.92.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. O repositório não promete economia específica de tamanho de arquivo, resultado de nitidez ou artefato do codificador do navegador. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.
Conclusão: mantenha os pixels nativos, escolha uma exportação sem perdas – como editar no Editor de imagens e desenhos do navegador sem tocar nas dimensões
A nitidez da captura de tela tem dois caminhos de falha diferentes. A conclusão é manter os pixels nativos e escolher uma exportação sem perdas quando o texto da interface for importante. Para este diagnóstico de saída suave, o mecanismo relevante é PNG a exportação não recebe nenhum valor de qualidade; JPEG e WebP usam uma qualidade de codificador de navegador entre 0.1 e 1, padrão para 0.92. O repositório não promete nenhuma economia específica no tamanho do arquivo, resultado de nitidez ou artefato do codificador do navegador.
Salve um PNG de tamanho nativo e uma cópia redimensionada ou com perdas e, em seguida, inspecione as letras da interface em um pixel de imagem por pixel da tela. O documento mantém as dimensões reais da imagem enquanto a visualização visível é dimensionada para caber, de forma que a suavidade do zoom não seja automaticamente danificada na exportação. Uma visualização ajustada não é um veredicto de nitidez válido e nenhuma economia de compactação fixa ocorre no controle deslizante de qualidade.