O que faz com que o texto da mesma página da Web seja mostrado de forma diferente em uma tela com resolução diferente?

0

Estou trabalhando em scripts de automação que usam algoritmos de detecção de imagem. O que eu notei recentemente, é que o texto na mesma página parece diferente (pelo menos quando maximizado) em telas diferentes (a primeira tela é 1280x1024 e a segunda é 1440x990).

Por exemplo, esta é uma versão ampliada de um texto das duas telas. A de cima é de 1440x990 e a de baixo é de 1280x1024:

Eu tentei:

  1. Alterar a resolução
  2. Profundidade de cor

Mas o texto ainda parece diferente quando ampliado. Isso pode ser um grande problema para mim, já que o script de automação usa reconhecimento de imagem no nível do pixel.

Alguma ideia do que está causando essa diferença e como eliminá-la? Eu preferiria a aparência em 1280x1024

    
por Eugene S 19.07.2013 / 08:01

3 respostas

1

Eventualmente, descobri que há uma opção para desativar o recurso de suavização de fonte de subpixel (eu trabalho no Win7).

Isso pode ser feito executando as seguintes etapas:

  1. Clique em Iniciar
  2. Tipo de aparência
  3. Escolha "Ajustar a aparência e o desempenho do Windows"
  4. Vá para a guia "Efeitos visuais"
  5. Desmarque as "Suavizar bordas das fontes da tela"

Depois de fazer isso na tela de 1440x990, o texto ficou parecido com o texto "simples" que eu estava vendo na tela de 1280x1024.

    
por 19.07.2013 / 10:03
2

Existe o problema com os ecrãs LCD. LCD ao contrário das telas CRT usam pixels físicos, enquanto reproduz a imagem. A quantidade real de pixels físicos no painel LCD é conhecida como "resolução nativa". Como o pixel tem tamanho físico aqui, quando você define a resolução, que é diferente com o nativo, o monitor não pode apenas aumentar ou reduzir a quantidade de pixels e converter a imagem com diferentes algoritmos de acordo com a resolução necessária. Quando você maximiza sua imagem com resolução de 1280x1024 em monitor de 1440x990, ela amplia a imagem e usa efeitos diferentes (como o anti-aliasing) para ajustar a imagem à sua resolução atual. Além disso, se você definir a mesma resolução em ambos os monitores, não obterá a qualidade desejada porque, nesse caso, a "resolução nativa" será diferente da resolução real e o monitor converterá sua imagem para ajuste ao tamanho do pixel físico. Além disso, todos os acima consideram que você usa imagens raster, porque imagens vetoriais (como o texto fora da imagem, por exemplo, na página da web) têm diferentes algoritmos de conversão, dando a você a melhor qualidade em qualquer resolução.

    
por 19.07.2013 / 08:34
2

As diferentes resoluções das telas são um arenque vermelho.

Este efeito vem da renderização de subpixel . Ele usa os componentes físicos de cores dos quais um pixel é feito (subpixels vermelho, verde e azul) para obter uma resolução aparente mais alta, especialmente com texto.

Você pode ver isso muito bem no seu exemplo: A borda direita do texto branco é avermelhada (o subpixel vermelho é o mais à esquerda e, portanto, ativado), a borda esquerda é azulada (porque o azul é o subpixel mais à direita ).

O Windows chama essa técnica de ClearType . Desativar em Painel de Controle »Aparência e Personalização» Exibir para sempre obter a segunda variante, sem as cores. No Mac OS X, é a opção Usar suavização da fonte do LCD em Preferências do sistema »Geral .

    
por 19.07.2013 / 08:58