A
A
Alexey2016-06-28 08:40:15
Design
Alexey, 2016-06-28 08:40:15

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

2 answer(s)
F
Fixid, 2016-06-28
@aheleha

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

D
Dmitry, 2016-06-28
@dimasmagadan

iMac 27'' retina
https://www.dropbox.com/s/fq24qt1h08thu33/%D0%A1%D...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question