Jaki jest najlepszy rozmiar do wyświetlenia pełnego ekranu zrzutu ekranu aplikacji?

12

Chcę zmaksymalizować rozmiar zrzutu ekranu i unikać paska przewijania lub przepełnienia również dla maksimum.

Jaki rozmiar polecasz?

Używam lightbox.

images browsers screenshot Stephen Ostermiller
źródło

Odpowiedzi:

14

Oto doskonałe narzędzie Rozmiar przeglądarki od Google pokazujące, ile procent użytkowników zobaczy różne obszary Twojej witryny. To naprawdę pomaga sprawdzać strony internetowe i zapewnia, że ​​ludzie na „płytkich” ekranach (większość laptopów ma bardzo szerokie, ale bardzo płytkie / nie głębokie ekrany), mogą zobaczyć waszą ważną treść i wezwania do działania.

narzędzie rozmiaru przeglądarki google

Aktualizacja : Google dodało teraz tę funkcję do Google Analytics, dzięki czemu możesz zobaczyć, ile twoi użytkownicy widzą w Twojej witrynie: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. HTML

Google Analytics z nową funkcją rozmiaru przeglądarki

nthonygreen
źródło
Grafika jest rodzajem getta dla aplikacji Google, ale wygląda to na bardzo przydatne narzędzie i zakładam, że prawdopodobnie regularnie aktualizują procentowe podziały, abyś miał najnowsze dane o rozmiarze ekranu.
Lèse majesté
Tak, getto to właściwe słowo! Jest w Labs, więc nie jestem pewien, jak dobrze jest utrzymany, ale jest otwieraczem dla projektantów z dużymi ekranami.
nthonygreen,
Ach, myliłem się. Obraz nie jest generowany na podstawie danych użytkownika. Po prostu nakłada statyczny obraz na stronę i wygląda na to, że nie zaktualizowali go od około roku: browsersize.googlelabs.com/static/…
Lèse majesté
1
Krótko mówiąc, jeśli ekran jest szerszy niż określony rozmiar, obraz po prostu się powtarza. Na moim komputerze iMac 2560x1440 widzę go prawie dwa razy. Nie radzi sobie również z wyśrodkowanymi treściami.
BR
3
To narzędzie jest słaba, jeśli witryna nie jest ustalona szerokość, a następnie będzie przeskalować do swojej przeglądarki, a nakładka jest całkowicie błędne.
jedwab
2

Może się to różnić w zależności od witryny i bazy użytkowników, ale wiele witryn nadal obsługuje ekran o szerokości 1024 pikseli (ponieważ nadal istnieje duża baza użytkowników korzystających z tej rozdzielczości). Dlatego chcesz, aby obraz był wystarczająco duży, aby zmieścił się w przestrzeni o szerokości 1024 pikseli. Załóżmy, że masz 15 pikseli chromu po lewej i prawej stronie lightboksa i chciałeś margines 30 pikseli po obu stronach, dla osób z monitorami o rozdzielczości 1024 pikseli.

1024 - 30px (lightbox chrome) - 60px (marginesy) = szeroki obraz 934px.

Ponownie, specyfikacja może być inna dla Twojej witryny, szczególnie jeśli chcesz, aby krawędzie lightbox układały się w pewnym punkcie w stosunku do strony lub jeśli próbujesz przyciągnąć do siatki lub coś w tym rodzaju.

binarno-organiczny
źródło
1

Fajnym rozwiązaniem byłoby przesłanie zrzutów ekranu w maksymalnej rozdzielczości 2560 x 1600. Następnie, gdy strona się ładuje, wykryj rozmiar okna przeglądarki i użyj programu do obsługi obrazów, aby zmienić rozmiar i zapisać obraz na serwerze na pierwsze żądanie.

W ten sposób ludzie z monitorami o wysokiej rozdzielczości nie są zaniedbywani.

Szczery
źródło
czy potrafisz niezawodnie wykryć rozmiar okna przeglądarki? może .. $(window).width()i $(window).height()w jQuery wydają się być prawidłowe!
Jeff Atwood
@Jeff - tylko kilka razy: stackoverflow.com/questions/2596594/…
Jeremy Boyd