How to prepare graphics for 4k monitor?

For the first time faced with the project, the requirements which need to attend to the displayed pages on 4k displays.
How things with the preparation/slicing the graphics? There also need to take into account the pixel density? Need to prepare the graphics to @2x, @3x, or what?
Or can you tell me a practical article that deals specifically with web design and 4K.
And please, who has that kind of display, or imac with retina, go here (the site is safe, not advertising, displays on your screen) and attach the screenshot section of My screen.
Thank you!
July 8th 19 at 11:19
2 answers
July 8th 19 at 11:21
4K is different

My screen

CSS device-width : 1920px+
CSS device-height : 1080px+
JS screen.width : 5760px
JS window.innerWidth : 5750px
JS body.clientWidth : 5733px
JS screen.availWidth : 5760px

Pixel ratio

CSS pixel-ratio : 1
JS pixel-ratio : 1.0000


Resolution (dpi) : 96.00 dpi
Resolution (dppx) : 1.00 dppx
Resolution (dpcm) : dpcm 37.80


Root font size : 16px
Orientation :
Device Aspect-Ratio : 5.33
Here I see someone density 96, and someone 192. It turns out, roughly speaking, the point at 1px will be diluted on screens with higher pixel density? - gregg_Friesen commented on July 8th 19 at 11:24
It is possible, but this is unlikely to be seen on 40" and smaller - Kiley33 commented on July 8th 19 at 11:27
: why would she blur?
1px - he and in Africa 1px. at any density. - kavon.Murphy commented on July 8th 19 at 11:30
: I incorrectly formulated. I mean that the icon to 16px doesn't look (for example) are equally clearly on the phone with 192ppi and on the phone with 441ppi. Therefore, cutting icons make @2x, @3x. I don't know what about 4K displays, and why this issue arose here. Whether the same icon look as clear on a 4K display and FHD? - gregg_Friesen commented on July 8th 19 at 11:33
: it's not the specific pixel, and their number per inch density. - Winona20 commented on July 8th 19 at 11:36
: this is the author of the comments who can't Express their thought, not to me. - kavon.Murphy commented on July 8th 19 at 11:39
: with 4K displays things just like on any other device. 4K can stretch to 32" and 52" in the end, you need to know the density and pixel ratio of the device. In General, use SVG, but if there is no possibility, then the old narazite 1x, 2x, 3x, 4x pictures. - Winona20 commented on July 8th 19 at 11:42
: with the monitors, the situation is exactly the same as with the phones.
the only point that unlike a phone, the monitor can be set to hidpi or not. - kavon.Murphy commented on July 8th 19 at 11:45
July 8th 19 at 11:23

Find more questions by tags Web DevelopmentDesign