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.

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


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.


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.


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

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.