Нова графіка
для екранів
з високим
дозволом
Дозвіл
Дозвіл (resolution) - кількість фізичних пікселів на екрані пристрою, зазвичай наводиться невирішеним. що додатково говорить про співвідношення сторін.
- 320 × 480 - перший iPhone
- 1024 × 768 - канонічний десктоп
- 2880 × 1800 - MacBook з ретиной
щільність пікселів
Щільність пікселів (pixel density) - кількість пікселів, яке поміщається в один лінійний дюйм.
Вимірюється в ppi (pixels per inch). відноситься до дисплеїв, матриць, сканерів. Тоді як dpi (dots per inch) має відношення до друку і прямо не співвідноситься з ppi.
щільність пікселів
Пікселі, пікселі і пікселі
- Фізичний піксель (physical pixel) - це осередок на матриці, одиниця дозволу дисплея пристрою.
- Віртуальний піксель (device independent pixel, dip) - це незалежний від пристрою піксель, може бути більше, менше або дорівнює фізичній.
- Змінений піксель - з'являється тоді, коли браузер або користувач масштабують зображення на екрані.
піксельний співвідношення
Піксельний співвідношення (pixel ratio) - відношення фізичного пікселя до віртуального. Може змінюватися в залежності від браузера.
- Nexus One: дозвіл 480 фізичних пікселів і 320 віртуальних, в результаті співвідношення 1,5
- MacBook з ретиной: роздільну здатність 2880 фізичних пікселів і 1440 віртуальних, в результаті співвідношення 2,0
Що таке ретина?
Маркетинговий термін Apple, описує пристрої з високою роздільною здатністю і піксельним співвідношенням більше, ніж 1. Тобто віртуальний піксель збільшується по відношенню до фізичного.
У термінології Android, такі пристрої називаються
Приведення до фізичних пикселям
Поки тільки працює на Android і в Opera Mobile
визначення ретини
- Вирішуємо, з якого співвідношення починати
- 1,5 для більш широкого діапазону пристроїв
- 2,0 для самих ретіністих
- Шукаємо значення пиксельного співвідношення пристрої
визначення ретини
Звідки цифри: 96dpi = 1dppx