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.
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:
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.
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
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.
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.
$(window).width()
und $(window).height()
in jQuery scheinen gültig zu sein!