Obtendo um monitor 4K? Qual navegador você deve usar?

Executar o Windows em um monitor 4K pode ser um grande benefício para a produtividade. O grande espaço denso em pixels oferece muito espaço para abrir janelas. Mas o conteúdo do navegador será bem dimensionado em seu monitor Ultra HD?

Executar o Windows em um monitor 4K pode ser um grande benefício para a produtividade.  O grande espaço denso em pixels oferece muito espaço para abrir janelas.  Mas o conteúdo do navegador será bem dimensionado em seu monitor Ultra HD?
Propaganda

Um monitor 4K Você deve comprar uma televisão 4K / Ultra HD? Você deve comprar uma televisão 4K / Ultra HD? Cerca de uma década atrás, os fabricantes começaram a vender o que hoje é amplamente conhecido como HDTV. Mas agora HD é uma notícia antiga, então a indústria decidiu impulsionar outra nova tecnologia; Ultra HD, também conhecido ... Read More pode ser um enorme benefício para a produtividade Get Things Done! 5 idéias para fazer o melhor uso produtivo de sua área de trabalho fazer as coisas! 5 idéias para fazer o melhor uso produtivo de seu desktop As pessoas amam seus desktops! Esteja você em um computador Mac, Windows ou Linux, a área de trabalho é um espaço aberto que não é pré-definido por uma estrutura rígida. Ao contrário das interfaces de dispositivos móveis ou do Windows 8 ... Leia Mais. O espaço grande e denso em pixels oferece bastante espaço para abrir janelas, por isso é bem possível trabalhar com quatro ou cinco programas simultaneamente.

Um deles provavelmente será um navegador da web, mas existe um problema. Nem todos os navegadores lidam com resolução 4K com a mesma graça. O dimensionamento da interface e do conteúdo renderizado pelo navegador é importante. Eu dei uma olhada nos três navegadores mais populares - Chrome, Firefox e Internet Explorer - para ver qual deles funciona melhor com um novo e brilhante Ultra HD. Qual é a diferença entre HD Ready e Full HD? Qual é a diferença entre HD Ready e Full HD? Os fabricantes de televisores e monitores de computador podem ser um grupo astuto, usando diferentes siglas para disfarçar as capacidades de hardware. Bem, não se preocupe mais. Nós explicamos o que HD Ready realmente significa. Leia mais monitor.

O problema

Se você nunca usou um monitor 4K antes de se perguntar - qual é o problema? O 4K realmente muda como um navegador é usado?

A resposta é sim, mas explicar por que é difícil. Um screenshot de um navegador rodando em 4K PC Gaming em 4K: vale a pena o dinheiro? Jogo de PC em 4K: vale a pena o dinheiro? Uma revolução de resolução está a caminho. Os televisores e monitores Ultra HD estão finalmente começando a cair a preços razoáveis. O Ultra HD amadureceu ou ainda é muito dinheiro para muito pouco benefício? Leia mais não captura o problema se você estiver visualizando em um monitor de 1080p. Para contornar isso, vou mostrar uma foto de uma tela 4K com várias janelas do navegador abertas, cada uma com 100% de dimensionamento padrão.

4kdesktopsmall1

Agora você pode ver prós e contras por si mesmo. No lado positivo, meu monitor 4K pode mostrar três sites horizontalmente de uma só vez sem muita dificuldade. Isso é ótimo para produtividade (e procrastinação)! Infelizmente, o texto é tão pequeno em cada janela que muitas vezes é difícil de ler. As imagens também são pequenas e, em alguns casos, é difícil dizer o que estou vendo.

Uma frustrante experiência do usuário pode resultar. Tudo parece ótimo, mas nem tudo é utilizável. O dimensionamento ajuda a alcançar um compromisso, tornando as interfaces, fontes e fotos maiores, mas geralmente compromete a nitidez do processo. Para que um navegador funcione bem com 4K, ele deve ter uma interface que seja bem dimensionada (ou pareça excelente em 4K por padrão) e a capacidade de renderizar texto e dimensionar fotos Noções Básicas de Como Redimensionar Imagens no Photoshop Redimensione imagens adequadamente no Photoshop Veja como redimensionar imagens facilmente no Photoshop. Em nenhum momento, você terá a imagem perfeita para compartilhamento, upload ou impressão. Leia mais em uma variedade de tamanhos sem comprometer a nitidez.

Vs do Windows. Escala do navegador

O dimensionamento no Windows é feito por meio das opções de personalização de exibição do sistema operacional. O Windows 8.1 pode ser dimensionado até 200%, embora em qualquer coisa além de 150% comece a parecer muito desfocado. A escala do Windows é melhor que nada, mas não funciona corretamente com todos os aplicativos e não oferece a melhor qualidade visual.

Os navegadores lidam com a escala com sua função de zoom, mas fazem mais do que apenas mostrar uma página em um tamanho maior. O zoom pode alterar radicalmente os elementos da página. Imagens, textos e widgets podem mudar de localização. Em alguns exemplos extremos, uma página pode mudar de um desktop para o formato móvel. Este artigo é sobre dimensionamento através do recurso de zoom, que é encontrado no menu principal de cada navegador. O Windows 8.1 foi definido para 100% de escala durante o período.

Primeiras impressões

Instalar o Chrome e o Firefox é o mesmo em um monitor 4K como qualquer outro. Nenhum instalador do navegador é complicado o suficiente para ser impactado de uma forma ou de outra por resolução. O Internet Explorer não precisava ser instalado, é claro.

Uma vez que todos os três estavam disponíveis, lancei cada um deles e descartei qualquer tutorial ou tela inicial que aparecesse, levando-me à tela padrão de cada navegador. Aqui está o que eu vi.

4kbrowserfirstimpressionssmall

 Clique nos links a seguir para imagens em 4K completas de: Internet Explorer, Chrome, Firefox 

O Internet Explorer se destaca como o único padrão para um site real. O Firefox e o Chrome mostram as páginas iniciais e, nessa área, o Firefox tem a vantagem. O dimensionamento inicial do Chrome é um pouco pequeno demais, resultando em miniaturas quase inúteis e muito espaço em branco vazio. Os botões de opções na parte inferior do Firefox também são maiores e mais legíveis do que aqueles no canto superior direito do Chrome.

Outro problema com o Chrome é a proximidade de suas guias finas na parte superior da tela. Todos os três navegadores têm abas finas, é claro, mas o Chrome os torna tão próximos do painel que se sentem apertados e dificultam a leitura. Esse é um problema que você pode não conseguir ver nas capturas de tela que eu forneci, mas achei isso um pouco perturbador.

Cavando mais fundo nos menus

É discutível que, em um nível básico, cada navegador tenha uma interface similar. Depois de passar da home page de cada um, você encontrará a localização e o tamanho das guias e dos elementos do menu como semelhantes. Aprofundar os menus, no entanto, e as diferenças surgem.

O Internet Explorer e o Chrome são controlados por meio de menus suspensos muito simples, feitos inteiramente de texto. Essa abordagem é familiar, mas não é a melhor escolha em um monitor 4K. O texto é bastante pequeno quando o Windows é dimensionado para 100%. Facilmente corrigir essas frustrações comuns do Windows 8.1 Corrigir facilmente essas frustrações comuns do Windows 8.1 O Windows 8.1 pode ser frustrante, não apenas por causa de como é diferente. Estamos falando de texto borrado, ponteiros de mouse atrasados, problemas de touchpad e SecureBoot - aborrecimentos típicos do Windows. Veja como corrigi-los. Consulte Mais informação . Escalar o Windows para cima irá alterar o tamanho do texto nesses menus, mas também reduz a nitidez, o que inviabiliza o ponto de ir 4K. Eu pessoalmente achei os menus utilizáveis, mas eu tenho 20/20 visão (com óculos). Alguém com visão um pouco pior teria que apertar os olhos ou inclinar-se para frente para ler o texto.

As semelhanças entre o IE e o Chrome só existem nos menus principais, no entanto. Os menus de opções, uma vez alcançados através do menu principal, são muito diferentes. O IE, é claro, usa as opções de Internet internas do Windows. Eu não gosto disso por muitas razões, mas o grande problema em uma tela 4K é o fato de que ela não pode ser dimensionada dinamicamente. Você só pode dimensioná-lo usando as opções de dimensionamento do sistema em todo o Windows, e qualquer alteração que você fizer lá será aplicada somente a esse menu quando você fizer logout e login novamente. Não é exatamente conveniente, não é?

O Chrome, por outro lado, mostra opções em uma nova guia do navegador. Infelizmente, eles sofrem com o baixo escalonamento padrão. O texto é desconfortavelmente pequeno e há muito espaço branco inútil. Ao contrário do IE, no entanto, os usuários do Chrome podem escalar dinamicamente usando a função de zoom do navegador, tornando os menus mais legíveis.

4kmenucomparisonsmall-2

 Clique nos links a seguir para imagens em 4K completas de: Internet Explorer, Chrome, Firefox 

O Firefox tem os dois vencedores. Seu menu principal usa texto similar em tamanho à concorrência, mas acompanha cada opção com um ícone útil que é fácil de identificar em qualquer resolução. Isso também cria áreas clicáveis ​​maiores, um benefício agradável na resolução 4K. Pequenos botões podem ser difíceis de acertar.

Abrir o menu de opções no menu principal revela uma experiência um pouco menos agradável. O texto aqui é um pouco pequeno e, embora os ícones sejam usados ​​para identificar cada guia, as opções listadas nas guias podem ser difíceis de manipular. Além disso, como o Internet Explorer, esse menu só pode ser dimensionado usando as opções de dimensionamento do Windows. No lado positivo, a fonte usada pelo Firefox é maior do que a do IE e mais ousada que a do Chrome.

No geral, a interface de usuário do Firefox é claramente a melhor em 4K, mas não é uma vitória devastadora. Algumas áreas do Firefox, como a visão Histórico, são pelo menos tão pequenas e difíceis de ler quanto a concorrência. Todos os três navegadores mostram espaço para melhorias.

Escala de Texto Extrema

A leitura do conteúdo da web pode ser um problema nos monitores 4K. A maioria dos sites é ajustada para resolução de 1080p e muitos (incluindo MakeUseOf) tentam acomodar uma variedade de dispositivos, de pequenos smartphones a tablets e desktops completos. Um monitor Ultra HD geralmente renderiza texto minúsculo com muito espaço em branco, portanto, você usará com frequência o dimensionamento do navegador para facilitar a leitura.

Para testar o dimensionamento, abri um artigo MakeUseOf em cada um deles, coloquei-os lado a lado e, em seguida, redimensionei o texto em até 200%. Esse cenário é mais provável do que você imagina. Uma tela 4K tem tantos pixels que, mesmo neste teste, onde cada navegador ocupa apenas um terço da área horizontal da tela, nosso site renderiza com espaço em branco significativo e texto pequeno. Um terço da resolução horizontal de um display 4K de 3840 é de 1280 pixels - maior do que a área de conteúdo principal de muitos sites.

4kcomparisonmakeuseofsmall

 Clique na imagem para ver 4k completo 

Há duas coisas que se destacam aqui. Primeiro, o tamanho real do texto é diferente entre os navegadores, mesmo na mesma escala (o IE está à esquerda, o Chrome está no meio, o Firefox está à direita). O Firefox e o Chrome estão próximos uns dos outros, mas o Internet Explorer é muito menor e alguns usuários podem precisar ampliá-lo ainda mais.

Em segundo lugar, o Firefox parece o melhor. O texto que ele renderiza é tão nítido que nem parece dimensionado. Os outros dois não são ruins, no entanto, e se eu não tivesse o Firefox para usar como referência, acho que não encontraria nada do que reclamar.

Nossos artigos são um exemplo simples, porque nosso site adota uma abordagem minimalista do design. Como os navegadores podem lidar com uma página mais complexa? Para descobrir, visitei o Tech Report, um dos meus canais de notícias de hardware de PC favoritos. Este site tem uma página principal projetada com desktops em mente que inclui duas áreas de conteúdo principais, uma imagem grande e vários extras da barra lateral. Também reduzi o dimensionamento para 150% porque o formato deste site é muito amplo e não muda com base no tamanho do navegador, o que dificulta a visualização em 200%.

4kcomparisontechreportsmall

 Clique na imagem para ver em 4K completo 

Não muito mudou aqui, honestamente. Todos os três navegadores fazem um trabalho decente de exibir o texto nitidamente, embora mais uma vez o Internet Explorer pareça pequeno em comparação. Importante, todos os três navegadores não têm problemas em lidar com o formato deste site. Eu até tentei escalar até 300% e não vi problemas. Tudo de texto para imagens para anúncios apareceu onde deveria, embora em tamanho jumbo.

Vamos encerrar as coisas com o The Verge, um site de tecnologia que usa muitos elementos de páginas dinâmicas. Neste cenário, estou indo com escala de 200% novamente, mas fornecerá capturas de tela de cada navegador, em tela cheia, por conta própria. Isso ocorre porque o The Verge muda automaticamente para um formato compatível com smartphone em escala de 133% no Firefox e escala de 125% no Chrome se a janela do navegador for menor do que metade de um monitor 4K, impossibilitando uma comparação direta na mesma tela.

4ktheverge200percentcomparisonsmall-1

 Clique nos links a seguir para imagens em 4K completas de: Internet Explorer, Chrome, Firefox 

Nessa escala extrema, as imagens grandes e o formato expansivo do Verge parecem bastante atraentes. O Internet Explorer e o Chrome fornecem o melhor ajuste, enquanto o Firefox realmente parece superdimensionado. No entanto, o Firefox é incrivelmente nítido devido ao tamanho do texto exibido. Os usuários sempre podiam reduzir o navegador para obter um texto ainda mais nítido e um site mais legível.

Escala de imagem extrema

Agora que examinamos o texto, vamos fazer o mesmo com as fotografias. Vamos começar com uma imagem promocional que foi recentemente dirigida pela Sony para sua marca PlayStation e em uma reportagem no MakeUseOf. A imagem tem muita textura e texto, tornando-se uma representação decente para sua imagem ou anúncio de cabeçalho. Eu tirei fotos em tela cheia com escala de 200% em cada navegador e isolei uma parte da imagem para comparação direta. Mais uma vez, organizei o exemplo para que o Internet Explorer esteja à esquerda, o Firefox no meio e o Chrome à direita.

4kimagescalingcomparison-640x480-1

 Clique nos links a seguir para obter imagens completas em 4K de: Internet Explorer, Chrome, Firefox 

As diferenças são difíceis de ver à primeira vista, mas elas existem. Tente focar no texto de cada imagem. Você notará que o Firefox desfoca a imagem um pouco mais do que o Chrome, apesar de os dois navegadores renderizarem a imagem com aproximadamente o mesmo tamanho. O Internet Explorer torna a imagem menor, mas também mostra uma perda significativa de clareza. O Chrome ganha uma vitória clara aqui.

Agora vamos ver uma fotografia real de baixa resolução de um computador Apple I da Wikipedia. Esta foto tem menos detalhes finos (como muitas fotos), então pode obscurecer alguns dos problemas enfrentados pelo Firefox. A mesma escala e ordem se aplica nesta imagem de teste como antes.

4kimagescalingcomparison-640x480-2

 Clique nos links a seguir para obter imagens completas em 4K de: Internet Explorer, Chrome, Firefox 

Aqui, a distância entre cada navegador é muito mais difícil de ser notada, porque a foto de origem de baixa resolução obscurece os problemas introduzidos por cada navegador. Eu acho que se você olhar realmente duro e cruzar seus olhos uma pequena lacuna de nitidez é perceptível entre o Chrome e o Firefox, mas é difícil de ver. O Internet Explorer mostra mais uma vez uma qualidade de imagem semelhante, apesar de renderizar a imagem em um tamanho muito menor.

Acho que a diferença entre os navegadores é mais difícil de ver no dimensionamento de imagens do que no dimensionamento de texto. No entanto, fica claro que o Chrome lida com essa carga de trabalho melhor que a concorrência. O navegador do Google é preferível se você visualizar muitas imagens ou se importar mais com fotos nítidas do que com texto nítido.

Pensamentos Finais

Todos os três navegadores aqui mostram pontos fracos na resolução 4K. Nenhum deles oferece uma interface de menu satisfatória em todas as situações. O dimensionamento de imagens também é um problema, já que até mesmo a melhor opção para essa finalidade - o Chrome - introduz um pouco de desfoque à medida que a escala se aproxima ou excede 150%.

Eu gostaria de deixar você com uma recomendação, e assim farei. Vá com o Firefox. O navegador da Mozilla tem a melhor interface em 4K e faz um excelente trabalho de dimensionamento de texto. As imagens não são tão nítidas quanto no Chrome, portanto, convém usar o navegador do Google se você gastar muito tempo exibindo fotos, mas o Firefox é superior. O fato de aumentar o zoom em qualquer configuração de escala específica não é um demérito, mas sim um benefício, pois permite que os usuários visualizem páginas da web com menos escala que seus pares.

O Internet Explorer é um pato estranho por causa de quão pouco ele redimensiona as páginas da web. Ele aproxima aproximadamente metade do tamanho do Chrome ou do Firefox em qualquer configuração específica. Isso não é um ponto forte, no entanto, porque significa que um escalonamento muito agressivo é necessário para tornar as páginas da Web mais agradáveis. À medida que o escalonamento do IE é aumentado, o navegador revela que não tem vantagem real em termos de clareza. Eu também não sou fã da dependência do IE em pequenos textos de menu e pequenos botões que não podem ser melhorados sem alterar as configurações de escala para a totalidade do Windows.

O Firefox ganha nosso reconhecimento como o melhor navegador para 4K, mas o que você acha? Deixe-nos saber sobre suas experiências, se você é um dos poucos que já pegou um monitor Ultra HD.

In this article