Quelle est la meilleure taille à utiliser pour afficher la taille plein écran d'une capture d'écran d'application?

11

Je veux maximiser la taille de la capture d'écran et éviter la barre de défilement ou le débordement pour le maximum aussi.

Quelle taille recommandez-vous?

J'utilise une lightbox.

images browsers screenshot Stephen Ostermiller
la source

Réponses:

14

Voici l'excellent outil de taille de navigateur de Google montrant combien de pour cent des utilisateurs verront les différentes zones de votre site Web. Cela aide vraiment à vérifier les pages Web et à garantir que les personnes sur des écrans «peu profonds» (la plupart des ordinateurs portables ont des écrans très larges mais très peu profonds / peu profonds) peuvent voir votre contenu important et vos appels à l'action.

outil de taille du navigateur Google

Mise à jour : Google a maintenant ajouté cette fonctionnalité à Google Analytics, vous permettant de voir ce que vos visiteurs peuvent voir de votre site: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics avec une nouvelle fonctionnalité de taille de navigateur

nthonygreen
la source
Les graphiques sont une sorte de ghetto pour une application Google, mais cela ressemble à un outil très utile, et je suppose qu'ils mettent probablement à jour régulièrement les pourcentages afin que vous ayez les dernières données de taille d'écran.
Lèse majesté
Oui, ghetto est le bon mot! C'est dans les laboratoires, donc je ne sais pas comment il est bien entretenu, mais c'est une révélation pour les concepteurs avec de grands écrans.
nthonygreen
Ah, j'avais tort. L'image n'est pas générée en direct à partir des données utilisateur. Il est juste superposant une image statique sur la page Web, et il semble qu'ils ne sont pas mis à jour dans environ un an: browsersize.googlelabs.com/static/...
lèse - majesté
1
Tout comme une petite remarque, si votre écran est plus large qu'une certaine taille, l'image se répète. Sur mon iMac 2560x1440, je peux le voir presque deux fois. Cela ne convient pas non plus au contenu centré.
BR
3
Cet outil semble médiocre, si votre site n'est pas à largeur fixe, il s'adaptera à votre navigateur et la superposition est totalement fausse.
soie
2

Cela peut varier selon le site et la base d'utilisateurs, mais de nombreux sites Web prennent toujours en charge une largeur d'écran de 1024 pixels de large (car il existe toujours une base d'utilisateurs importante utilisant cette résolution). Par conséquent, vous souhaitez que votre image soit suffisamment grande pour tenir dans un espace de 1024 pixels de large. Disons que vous avez 15px de chrome sur les côtés gauche et droit de votre lightbox et que vous vouliez une marge de 30px de chaque côté pour les personnes exécutant des résolutions d'écran de 1024px de large.

1024 - 30px (lightbox chrome) - 60px (marges) = 934px image large.

Encore une fois, les détails peuvent être différents pour votre site, en particulier si vous souhaitez que les bords de la lightbox se situent à un certain point par rapport à votre page ou si vous essayez de vous accrocher à une grille ou quelque chose comme ça.

binaireorganique
la source
1

Une solution intéressante serait de télécharger les captures d'écran à une résolution maximale de 2560x1600. Ensuite, lorsque la page se charge, détectez la taille de la fenêtre du navigateur et utilisez un gestionnaire d'images pour redimensionner et enregistrer l'image sur votre serveur à sa première demande.

De cette façon, les gens avec des moniteurs haute résolution ne sont pas négligés.

Franc
la source
pouvez-vous détecter de manière fiable la taille de la fenêtre du navigateur? peut-être .. $(window).width()et $(window).height()dans jQuery semblent être valides!
Jeff Atwood
@Jeff - seulement quelques fois: stackoverflow.com/questions/2596594/…
Jeremy Boyd