Was ist die beste Größe, um die Vollbildgröße eines Anwendungs-Screenshots anzuzeigen?

11

Ich möchte die Größe des Screenshots maximieren und auch die Bildlaufleiste oder den Überlauf maximal vermeiden.

Welche Größe empfehlen Sie?

Ich benutze einen Leuchtkasten.

images browsers screenshot Stephen Ostermiller
quelle

Antworten:

14

Hier ist das hervorragende Tool für die Browsergröße von Google, das zeigt, wie viele Prozent der Nutzer die verschiedenen Bereiche Ihrer Website sehen. Dies hilft wirklich dabei, Webseiten zu überprüfen und sicherzustellen, dass Personen auf "flachen" Bildschirmen (die meisten Laptops haben sehr breite, aber sehr flache / nicht tiefe Bildschirme) Ihre wichtigen Inhalte und Handlungsaufforderungen sehen können.

Google Browser Größe Tool

Update : Google hat diese Funktion jetzt zu Google Analytics hinzugefügt, sodass Sie sehen können, wie viel Ihre Besucher von Ihrer Website sehen können: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics mit neuer Browsergröße

nthonygreen
quelle
Die Grafiken sind eine Art Ghetto für eine Google-App, aber dies scheint ein sehr nützliches Tool zu sein, und ich gehe davon aus, dass sie die prozentualen Aufschlüsselungen wahrscheinlich regelmäßig aktualisieren, damit Sie über die neuesten Daten zur Bildschirmgröße verfügen.
Lèse Majesté
Ja, Ghetto ist das richtige Wort! Es ist in Labs, daher bin ich mir nicht sicher, wie gut es gewartet wird, aber es ist ein Augenöffner für Designer mit riesigen Bildschirmen.
nthonygreen
Ah, ich habe mich geirrt. Das Bild wird nicht live aus Benutzerdaten generiert. Es überlagert nur ein statisches Bild mit der Webseite, und es scheint, dass sie es seit etwa einem Jahr nicht mehr aktualisiert haben: browserersize.googlelabs.com/static/…
Lèse majesté
1
Wenn Ihr Bildschirm breiter als eine bestimmte Größe ist, wird das Bild nur kurz wiederholt. Auf meinem 2560x1440 iMac kann ich es fast zweimal sehen. Es funktioniert auch nicht gut mit zentrierten Inhalten.
BR
3
Dieses Tool scheint schlecht zu sein. Wenn Ihre Site keine feste Breite hat, wird es auf Ihren Browser skaliert und die Überlagerung ist völlig falsch.
Seide
2

Dies kann je nach Website und Benutzerbasis variieren, aber viele Websites unterstützen immer noch eine Bildschirmbreite von 1024 Pixel (da mit dieser Auflösung immer noch eine beträchtliche Benutzerbasis vorhanden ist). Daher möchten Sie, dass Ihr Bild groß genug ist, um in einen Raum mit einer Breite von 1024 Pixel zu passen. Angenommen, Sie haben 15 Pixel Chrom auf der linken und rechten Seite Ihres Leuchtkastens und möchten auf beiden Seiten einen Rand von 30 Pixel für Personen mit einer Monitorauflösung von 1024 Pixel.

1024 - 30 Pixel (Lightbox-Chrom) - 60 Pixel (Ränder) = 934 Pixel breites Bild.

Auch hier können die Details für Ihre Site unterschiedlich sein, insbesondere wenn Sie möchten, dass die Leuchtkastenkanten an einem bestimmten Punkt in Bezug auf Ihre Seite liegen, oder wenn Sie versuchen, ein Raster oder ähnliches zu fangen.

binärorganisch
quelle
1

Eine coole Lösung wäre, die Screenshots mit einer maximalen Auflösung von 2560 x 1600 hochzuladen. Ermitteln Sie dann beim Laden der Seite die Größe des Browserfensters und verwenden Sie einen Bildhandler, um die Größe zu ändern und das Bild bei der ersten Anforderung auf Ihrem Server zu speichern.

Auf diese Weise werden Menschen mit hochauflösenden Monitoren nicht vernachlässigt.

Frank
quelle
Können Sie die Größe des Browserfensters zuverlässig erkennen? vielleicht .. $(window).width()und $(window).height()in jQuery scheinen gültig zu sein!
Jeff Atwood
@ Jeff - nur einige Male: stackoverflow.com/questions/2596594/…
Jeremy Boyd