Почему мобильный дизайн делают шириной 640 пикселей?

Question

[followthemadhat]

Дизайнер прислал PSD макет для мобильной версии сайта шириной 640 пикселей. Если верстать его 1 к 1, то на мобильниках картинки и текст выглядят слишком большими, приходится уменьшать примерно в 2 раза. Может кто-то объяснить, в чем скрытый смысл делать макеты в таком разрешении?

Answer 1

[_ _]

iPhone 5s - физическое разрешение экрана по ширине 640 пикселей, логическое 320, потому что экран высокой плотности, а не 1 к 1.

Дизайнер прислал так, чтобы вы смогли картинки в нужном разрешении нарезать.
Просто уменьшаете все размеры в два раза и все.

Comments

[followthemadhat]

Я правильно понимаю, что в таких случаях все размеры (шрифты, отступы) мне нужно самому вручную делить на 2 и высчитывать? Если так, то сомнительная польза от такого дизайна.

[iBird Rose]

Безумная Шляпа: я бы сверстал как есть и поставил meta name="viewport content="initial-scale=0.5

[Артем Каюн]

iBird Rose: Ну и зачем тогда вообще под мобилы верстать, скейлили бы все подряд. Автор ответа подробно все объяснил. Это делается для ретина дисплеев, ничего сомнительного тут нет, иконки и картинки вырезаются и средствами css уменьшаются вдвое. Итог, - на ретине нет замыленности изображений. А лучше все же просить дизайнеров к макетам прилагать svg-ассеты.

[iBird Rose]

Артем Каюн: серьезно? тобишь ты предлагаешь сверстать этот макет на 320 и все? тобишь на тех же 640 - уже нормально выглядить не будет. и текст и картинки будут мелкими. а если делать как предложил я - сверстать под 640. указать initial-scale=0.5, а потом еще если указать maximum-scale=1.0 то на 640 все будет также как было сверстано, а при уменьшении экрана он будет красиво скейлиться. и на 320 мы получим как раз то что автор и хочет - 0,5.

[tnc4401]

Дизайнерам легче делать макеты в 2x (640) или 3x. Им так легче с предпросмотром, экспортом в прототипы и т.д. Опять же, так удобнее для экспорта растровой графики в png.
В идеале конечно дизайнить под 320px с SVG в 1x.

Answer 2

[Константин Давыдов]

Пусть присылает макеты, в той ширине, которая нужна ВАМ. А графику (иконки, картинки) высылает отдельно.

Answer 3

[Евгений Еликов]

Не забудьте запросить с него иконки в SVG.