Qual é o melhor tamanho para exibir o tamanho da tela inteira de uma captura de tela do aplicativo?

11

Desejo maximizar o tamanho da captura de tela e evitar a barra de rolagem ou o estouro para o máximo também.

Qual o tamanho que você recomenda?

Estou usando a mesa de luz.

images browsers screenshot Stephen Ostermiller
fonte

Respostas:

14

Aqui está a excelente ferramenta Tamanho do navegador do Google, que mostra quantos por cento dos usuários verão as diferentes áreas do seu site. Isso realmente ajuda a verificar as páginas da web e garantir que as pessoas em telas 'rasas' (a maioria dos laptops tenham telas muito amplas, mas muito rasas / não profundas) possam ver seu conteúdo importante e apelos à ação.

ferramenta de tamanho do navegador google

Atualização : o Google agora adicionou essa funcionalidade ao Google Analytics, permitindo que você veja quanto seus visitantes podem ver no seu site: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics com nova funcionalidade de tamanho do navegador

nthonygreen
fonte
Os gráficos são uma espécie de gueto para um aplicativo do Google, mas parece uma ferramenta muito útil, e suponho que eles provavelmente atualizem as repartições percentuais regularmente para que você tenha os dados mais recentes sobre o tamanho da tela.
Lèse majesté 14/10/10
Sim, gueto é a palavra certa! Está no Labs, então não tenho certeza de quão bem ele é mantido, mas abre os olhos para designers com telas enormes.
Nthonygreen 14/10
Ah, eu estava errado. A imagem não é gerada ao vivo a partir de dados do usuário. Está apenas sobrepondo uma imagem estática na página da Web e parece que ela não é atualizada há um ano: browsersize.googlelabs.com/static/…
Lèse majesté
1
Assim como uma nota rápida, se a tela for maior que um determinado tamanho, a imagem será repetida. No meu iMac de 2560 x 1440, posso vê-lo quase duas vezes. Também não funciona bem com conteúdo centrado.
BR
3
Essas ferramentas parecem ruins, se o site não tiver largura fixa, ele será dimensionado para o navegador e a sobreposição estará totalmente incorreta.
silk
2

Isso pode variar de acordo com o site e a base de usuários, mas muitos sites ainda suportam uma largura de tela de 1024 pixels de largura (porque ainda existe uma base de usuários considerável usando essa resolução). Portanto, você deseja que sua imagem seja grande o suficiente para caber em um espaço com 1024 pixels de largura. Digamos que você tenha 15px de cromo nos lados esquerdo e direito da sua mesa de luz e deseje uma margem de 30px em ambos os lados para pessoas com resoluções de monitor de 1024px de largura.

1024 - 30 px (lightbox chrome) - 60 px (margens) = 934 px de imagem ampla.

Novamente, as especificidades podem ser diferentes para o seu site, principalmente se você deseja que as bordas da caixa de luz fiquem em um determinado ponto em relação à sua página ou se você está tentando se encaixar em uma grade ou algo parecido.

binário-orgânico
fonte
1

Uma solução interessante seria fazer o upload das capturas de tela com uma resolução máxima de 2560x1600. Em seguida, quando a página carregar, detecte o tamanho da janela do navegador e use um manipulador de imagens para redimensionar e salvar a imagem no servidor na primeira solicitação.

Dessa forma, pessoas com monitores de alta resolução não são negligenciadas.

Frank
fonte
você pode detectar com segurança o tamanho da janela do navegador? talvez .. $(window).width()e $(window).height()no jQuery pareça ser válido!
Jeff Atwood
@ Jeff - apenas algumas vezes: stackoverflow.com/questions/2596594/…
Jeremy Boyd