Какое разрешение и количество пикселей на дюйм выставлять при создании графики для retina ноутбуков?

Мне кажется что 72ppi и размер экрана уже давно не актуальны.

Статьи которые мог найти только для iphone и ipad ( http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/ )

И еще вот что нашел на хабре:

«Обычный» экран имеет пиксели размерами 1/96 дюйма (96 DPI). Ретина на iPhone и ~ 320 DPI т.е. примерно 11 раз больше пикселей на дюйм;

MacPro 220 DPI — в 5 раз больше;

iPad — 264 DPI — в 7 раз.





Так сколько выставлять?

Комментарии пользователей

kadasarva

Ретина имеет всего в 2 раза большее колличество пикселей, разрешение 96, 320 и тем более точек на дюйм здесь абсолютно не при чем. К сведению (DPI) - это точки на дюйм а не пиксели. Этот параметр используемый исключительно в печати. Если вы делали иконку 512х512 рх то теперь надо делать 1024х1024 рх.

Maximych

Если вы делали иконку 512х512 рх то теперь надо делать 1024х1024 рх.
совсем скоро нужно будет делать еще и в 2048x2048. Так что дизайнеры иконок, готовьтесь к жести)))

Dmitry_Starkoff

так же и с ценой x2, дизайнеры иконок - радуйтесь 100$x4 за иконку)

marrrrrt

http://habrahabr.ru/post/150071/ советую всем прочитать статейку! Там подробно рассказывается о всех терминах и о разрешениях Retina ))

pkazancev

Всем привет! Простите за некропостинг. Но может быть здесь мне кто-то ответит, не придется создавать отдельный пост. И так, суть вопроса. Есть портфолио, сделанное на обычном мониторе. Грубо говоря, состоящее из миниатюр, иконок и т.д. Есть макбук-прошка на ретине. Что нужно сделать с картинками, чтобы они нормально смотрелись на ретине? Во всех статьях по оптимизации графики говорится об увеличении размеров в два раза. Т.е. если картинка была 150*100, то нужно сделать 300*200 и жать на сайте средствами CSS. Это более-менее понятно. Но как сделать, чтобы картинка нормальнов выглядела в обычном просмотрщике на ноутбуке? Если я сделаю 300*200, он мне так ее и покажет. Или нужно просто зумить в минус два раза?

podand

может еще актуально... используй медиакуорес