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 lightbox.
Voici l'excellent outil de la taille du navigateur de Google indiquant combien de pourcent des utilisateurs verront les différentes zones de votre site Web. Cela aide vraiment à vérifier les pages Web et à s'assurer que les personnes sur des écrans "superficiels" (la plupart des ordinateurs portables ont des écrans très larges mais très superficiels/peu profonds) peuvent voir votre contenu important et vos appels à l'action.
Mise à jour : Google a maintenant ajouté cette fonctionnalité à Google Analytics, ce qui vous permet de voir tout ce que vos visiteurs peuvent voir de votre site: http: //analytics.blogspot.com/2012/06/new-feature-conduct-browser-size.html
Cela peut varier en fonction du site et de la base d'utilisateurs, mais de nombreux sites Web prennent toujours en charge une largeur d'écran de 1024 pixels (car il existe toujours une base d'utilisateurs importante qui utilise cette résolution). Par conséquent, vous voudriez que votre image soit suffisamment grande pour tenir dans un espace de 1024 pixels de large. Supposons que vous ayez 15px de chrome à gauche et à droite de votre lightbox et que vous souhaitiez une marge de 30px de chaque côté pour ceux qui utilisent une résolution d'écran large de 1024px.
1024 - 30px (chrome de la lightbox) - 60px (marges) = image large de 934px.
Là encore, les détails peuvent être différents pour votre site, en particulier si vous souhaitez que les bords de la visionneuse se situent à un certain point par rapport à votre page ou si vous essayez de vous aligner sur une grille ou quelque chose du genre.
Une solution intéressante serait de télécharger les captures d'écran avec une résolution maximale de 2560x1600. Ensuite, lors du chargement de la page, 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 lors de sa première demande.
De cette façon, les personnes utilisant des écrans haute résolution ne seront pas négligées.