Answer the question
In order to leave comments, you need to log in
How to prepare graphics for 4k monitors?
Впервые столкнулся с проектом, в требованиях которого необходимость учесть отображение страниц сайта на дисплеях 4k.
Как тут обстоят дела с подготовкой/нарезкой графики? Тут так же нужно учитывать плотность пикселей? Нужно подготавливать графику в @2x, @3x или как?
Или может подскажете дельную статью, касающуюся именно веб-диза и 4к.
И еще просьба, у кого есть такие дисплеи или imac с ретиной, зайти сюда www.mydevice.io (сайт безопасный, не реклама, показывает данные по вашему экрану) и прикрепить к сообщению скрин раздела My screen.
Спасибо!
Answer the question
In order to leave comments, you need to log in
4k is different
My screen
Sizes
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
Resolution (dpi) : 96.00dpi
Resolution (dppx) : 1.00dppx
Resolution (dpcm) : 37.80dpcm
Misc
Root font size : 16px
Orientation :
Device Aspect-Ratio : 5.33
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question