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.
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.
Réponses:
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.
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
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.
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.
$(window).width()
et $(window).height()
dans jQuery semblent être valides!