Note from 24 May 2022

Is there any public data about most common viewport widths and screen densities on the Web?

I have screen resolutions on StatCounter — good enough proxy for viewports? —, but nothing for screen densities… 🤨

20 reactions

1 like

2 reposts

17 replies

Eric Portis
. @TheRealNooshu also shared a fuller list with me (3MB CSV). Matt is it ok to share?
- 24 May 2022, 17:26
- Source
Eric Portis
(note that this is "just" for gov.uk)
- 24 May 2022, 17:26
- Source
Nicolas Hoizey
This is a great resource indeed, I saw this tweet last year, thanks again @TheRealNooshu for sharing many data from gov.uk 👍

I'm considering page views would be more interesting than users or sessions, for images optimisations, what do you think?
- 24 May 2022, 17:32
- Source
Nicolas Hoizey
@TheRealNooshu is Pixel Ratio a native data in you Analytics solution, or did you add a custom dimension?

I'm using this to get viewport widths and screen densities in our clients' analytics:
cleverage.github.io/daltons/step1.…
- 24 May 2022, 17:35
- Source
Matt Hobbs v2.0 💉💉💉💉
Yes, it's fine to share Eric 👍
- 24 May 2022, 17:59
- Source
Matt Hobbs v2.0 💉💉💉💉
I see Pixel Ratio as a dimension in Data Studio. But I can't see where it is in GA 360, very strange...
- 24 May 2022, 18:07
- Source
Matt Hobbs v2.0 💉💉💉💉
Thanks for the link, this looks really interesting!
- 24 May 2022, 18:11
- Source
Nicolas Hoizey
Thanks Matt !
- 24 May 2022, 18:22
- Source
Nicolas Hoizey
I never found this data in GA, and I didn't really use Data Studio. 🤷‍♂️
- 24 May 2022, 18:24
- Source
Nicolas Hoizey
I have yet to enhance documentation with better onboarding and real life examples. After the idea emerged 4 years ago, almost 3 years at a standstill, the tool is now almost ready for prime time. 😅

I presented it @_welovespeed in 2018:
nicolas-hoizey.com/talks/2018/10/…
- 24 May 2022, 18:29
- Source
Nicolas Hoizey
💡 I should write a transcript of this talk in English!
- 24 May 2022, 18:35
- Source
Matt Hobbs v2.0 💉💉💉💉
It gives you something like this
- 24 May 2022, 18:35
- Source
Nicolas Hoizey
Ok, so Pixel Ratio is really a "dimension", I guess it comes from somewhere in GA… 😅
- 24 May 2022, 18:37
- Source
Eric Portis
Embedded in this Observable notebook (paperclip icon, "...", "Download") observablehq.com/@eeeps/useful-…
- 24 May 2022, 19:34
- Source
Nicolas Hoizey
Thanks!

A few questions:
- where does this 828 come from?
- why do you limit to 2dppx? Isn't 2.5 safer, based on your study?
- is "maximum width" here for a 100vw image?

(@observablehq is amazing!)
- 24 May 2022, 23:29
- Source
Eric Portis
1&2: I was running some little "experiments" against the data; these numbers don't represent final decisions, just a snapshot of some explorations...
3: yep, I was trying to get a sense of "worst case scenarios"
- 25 May 2022, 00:24
- Source
Nicolas Hoizey
Ok, thanks!
- 25 May 2022, 01:10
- Source

Matt Anderson

Don't design for mobile
- Nicolas Hoizey
- 1 September 2020
- responsive, mobile, progressive enhancement
- 4 reactions
as the device landscape continues to converge, the categorizations will continue to blur. And as you introduce more interactivity and complex features…
Viewport height is taller than the visible part of the document in some mobile browsers
- Nicolas Hoizey
- 18 February 2015
- CSS, viewport, responsive, 100vh, bug, mobile
- 253 reactions
When trying to use a 100vh CSS value to build a new interface for a game that would use the full viewport, I discovered that this full height value…

Note from 24 May 2022

Related contents with similar topics