Dpi что это такое

29.08.202228.08.2022 admin 0 Комментариев

Dpi что это такое

Что такое DPI в фотографии

Нужно изменить DPI? Воспользуйтесь программой ФотоМАСТЕР:

Для Windows 11, 10, 8, 7 и XP. Быстрая установка.

DPI в фотографии: что это и зачем нужно

При профессиональной обработке фотографий необходимо знать технические термины. Например, параметр DPI (dots per inch) помогает понять, подходит ли по фотография для печати в качестве плаката или только для маленькой открытки. Если вы распечатываете кадры или публикуете их в Интернете, сведения о количестве точек позволят убедиться, что снимки будут выглядеть наилучшим образом. В этой статье мы подробно рассмотрим, что такое DPI разрешение и как его при необходимости изменить в программе для редактирования фото.

Что такое DPI в фотографии

При увеличении цифровой фотографии можно увидеть, что она похожа на мозаику и состоит из небольших плиток, которые называются пикселями. Их количество и способ распределения влияют на разрешение.

Количество

PPI (pixels per inch) отражает количество пикселей и качество кадра. Например, у картинки с размером 4500 px по горизонтали и 3000 px по вертикали представлено 13 500 000 пикселей или 13,5 мегапикселей.

При увеличении масштаба можно увидеть квадратики, из которых состоит картинка

Плотность

Также есть второй фактор, влияющий на качество фотоизображения. DPI — это разрешение в пикселях на дюйм. Параметр обозначает то, как распределяется общее количество цветных точек. Если он представлен числом 72 — это означает, что фото включает в себя 72 единицы пикселей на дюйм.

У картинок установлено одинаковое соотношение сторон. Разница в масштабе зависит от DPI

В настоящее время единица плотности используется только при печати. Все принтеры состоят из чернил разного цвета, которые объединяются для создания каждого фрагмента фотоизображения. В принтере обычно установлено 4-6 чернил разного цвета, и ему необходимо их смешивать для получения нужного оттенка. Серия крошечных точек создает каждый пиксель. Поэтому тональность принтера будет выше, если в изображении будет высокая плотность.

Разница в плотности точек

Пример использования

Чтобы лучше понять термин, стоит разобраться, как он работает. Например, сколько в пикселях 600 dpi? Значение ди-пи-ай выражает количество пикселей на квадратный дюйм, записанных в цифровом виде. Таким образом, 600 точек означает, что у вас есть 600px в ширину и 600px в высоту на изображении размером 1 на 1 дюйм. Это 360 000 пикселей.

300 dpi — это какое разрешение в пикселях? Такое фотоизображение будет содержать 300px в ширину и 300px в высоту на каждый дюйм. Иначе говоря, картинка будет включать в себя 90 000 пикселей.

Оптимальное количество точек, необходимое для печати, повышается по мере увеличения размера отпечатков. Для вывода проекта на бумаге А4 формата потребуется выше число dots per inch, чем для открытки 10 на 15 сантиметров.

Разница в масштабе фотоснимка при разных значениях

Форматы изображения DPI

Изменение свойства «dots per inch» возможно не во всех расширениях медиафайлов.

Для настройки подходят следующие форматы:

Векторные медиафайлы не состоят из точек: их можно масштабировать без снижения качества.

Разница при изменении масштаба вектора и растра

Как узнать DPI изображения

У вас есть несколько способов определить разрешение на компьютере:

1. Чтобы проверить плотность снимка на ПК с Windows, перейдите в папку с нужным документом. Щелкните по нему правой кнопкой мыши и выберите «Свойства». Перейдите на вкладку «Подробно».

В данном примере число составляет 96

2. Где посмотреть DPI фотографии на Mac OS? Выберите медиафайл, который хотите использовать, и щелкните по нему правой кнопкой мыши. Нажмите «Свойства». Нужные сведения представлены на вкладке «Подробнее».

Меню «Свойства» на устройствах с Mac

Для чего нужно большое количество точек

После того, как вам удалось узнать разрешение DPI, вам может потребоваться его увеличить. Это необходимо в различных ситуациях. Например, струйные принтеры печатают от 300 до 720 точек на дюйм, а лазерные создают фотоизображения от 600 до 2400. Требования к значению ди-пи-ай зависит от цели использования материала:

Таблица с назначением фотки и стандартными цифрами

Как делать снимки с высоким разрешением

Существует несколько советов, которые помогут добиться четкой печати:

Снимки, сделанные на камеру и смартфон

Как изменить DPI изображения

При печати очень важно установить правильный DPI. В противном случае у вас могут получиться размытые или некачественные фотокарточки. Чтобы настроить параметр, вам потребуется воспользоваться специальным программным обеспечением. Загрузите удобное приложение ФотоМАСТЕР. Оно позволит не только изменить размер картинки, но и произвести ретушь портретов, применить эффекты, настроить освещение и добавить надписи.

Чтобы перевести разрешение в dpi, вам необходимо скачать фоторедактор с нашего сайта. Затем запустите дистрибутив и выполните стандартные действия. После завершения инсталляции откройте софт и следуйте инструкции:

Шаг 1. Загрузите материал

В стартовом меню приложения нажмите на кнопку «Открыть фото» или перенесите документ из проводника.

Импортируйте документ с популярным расширением

Шаг 2. Произведите обработку (опционально)

Интерфейс приложения разделен на вкладки:

Пример обработки портрета

Шаг 3. Установите новый размер

Как сделать разрешение фотографии 300 dpi или меньше? Для этого откройте меню «Файл» и нажмите «Изменить размер и сохранить». Вы можете выбрать готовую предустановку:

Затем настройте ди-пи-ай. Введите любое число, но лучше выберите цифру в диапазоне между 72 и 300. Важно понимать: чем больше значение, тем объемнее будет итоговый материал.

Нажмите «Применить» и укажите папку

Как определить DPI фото и удостовериться в увеличении размера? Перейдите в папку с обработанным файлом, а затем откройте свойства кадра. Как видите, редактор отлично справился с задачей.

Заключение

Теперь вы знаете, как узнать DPI фото и настроить его для конкретной цели. Если вы хотите распечатать картинку, лучше установить 300 dots per inch или выше. Фотоснимки для газет имеют число около 200 из-за низкого качества бумаги. Для веб-изображений используйте 72 точки: фото с большим числом будут автоматически уменьшены браузером.

Перед отправкой материала на принтер или загрузки в сеть обработайте картинку в программе ФотоМАСТЕР. Она позволит выполнить ретушь, избавиться от дефектов, произвести цветокоррекцию и применить эффекты. Скачайте приложение бесплатно и приступите к редактированию прямо сейчас!

Источник

Что такое DPI в компьютерной мышке – значение для использования

Если вам доводилось комплектовать своё компьютерное оборудование или заменять старые устройства новыми, вы, вероятно, сталкивались с термином DPI много раз. Чаще всего этот параметр используется для компьютерной мыши.

Что означает DPI? Аббревиатура происходит от английской фразы – Dots Per Inch, то есть количество точек на дюйм, и означает длину, на которую может перемещаться курсор мыши на экране после его перемещения на 1 дюйм (1 дюйм ≈ 25,4 миллиметра ≈ 2,5 сантиметра).

DPI является наиболее важным параметром компьютерной мыши. Как DPI влияет на работу компьютерной мыши? Чем выше значение Dots Per Inch, тем плавнее будет двигаться курсор, и контроллер будет более эффективно считывать движения наших рук. Если у компьютерной мыши низкое значение DPI, её чувствительность будет низкой, и для более широких движений на экране нам может потребоваться переместить вашу руку «через весь стол». Было бы намного удобнее использовать только запястье, верно?

Что такое CPI – чем отличается от DPI?

Ещё один ярлык, используемый в IT – это CPI. Можно ли сравнивать CPI и DPI? Конечно, да! CPI (от англ.: count per inch) относится к оптическим мышам и имеет точно такое же значение.

Разрешение оптической мыши говорит о том, как далеко курсор мыши перемещается по экрану после её перемещения на дюйм. Хотя слишком низкое значение CPI будет неудобным, поскольку потребует больших движений руки, слишком высокое значение CPI приведёт к ускоренному перемещению индикатора, что отрицательно скажется на точности.

Когда изменение DPI наиболее заметно?

Теперь, когда вы знаете, что означает DPI, стоит подумать, для кого изменения DPI будут наиболее заметны. Фактически, изменения параметра DPI будут видны только тем, кто работает за компьютером с большой точностью – например, проектировщики компьютерной графики, 3D-дизайнеры или фотографы, обрабатывающие фотографии. Для таких людей важно каждое движение руки, поэтому они могут легко обнаружить различия в качестве компьютерной мыши, включая её параметр DPI.

Игроки являются ещё одной группой, для которой DPI на мышке будет очень важным. В частности, изменения в DPI по достоинству оценят любители шутеров, экшенов, action-rpg и FPS. В этом виде активности, как и в работе графического дизайнера или инженера, важны точность и быстрая работа. Поэтому чем выше разрешение мыши, тем больше шансов, что мы она сможет удовлетворить потребности игроков в быстрых и динамичных видеоиграх.

Можно ли изменить DPI компьютерной мыши и тем самым увеличить или уменьшить её чувствительность? Когда у нас есть специальная кнопка контроля DPI на мышке, это возможно – просто нажмите кнопку DPI, чтобы настроить чувствительность контроллера в соответствии с нашими требованиями. Такая кнопка также позволяет переключаться между ранее настроенными различными режимами.

Другой способ изменить разрешение DPI мыши – вручную изменить настройки с помощью панели управления. Чтобы настроить устройство, просто перейдите на вкладку «Оборудование и звук», а затем выберите мышь, которая в данный момент подключена к компьютеру. В свойствах мыши найдите Параметры указателя и там, используя простой ползунок, установите интересующее значение.

Что произойдет, если вы неправильно установите CPI/DPI? Если вы установите слишком высокое разрешение мыши (DPI / CPI), то курсор может не успевать за движениями вашей руки. Чтобы избежать этого, чувствительность мыши должна быть уменьшена программно.

DPI в популярных моделях мыши

Какую степень чувствительности мы можем найти в популярных моделях мыши? В случае дешевых моделей мышей, можем увидеть значение 800 DPI, в то время как более дорогое оборудование обеспечивает чувствительность в несколько тысяч DPI и даже больше. В случае контроллеров более высокого качества мы также получим дополнительные опции в пакете, например, простую и быструю настройку чувствительности в зависимости от ситуации. Некоторые из них даже будут иметь функцию временного ограничения DPI, чтобы вы могли легко поиграть в стрелялки.

При выборе компьютерной мыши стоит тщательно проанализировать ваши потребности. Высокий DPI у мыши – не единственный фактор, определяющий её качество. Вопреки первому впечатлению, если параметр DPI слишком высок, мы можем столкнуться со многими трудностями при использовании устройства. Так что будьте умеренными и ищите оптимальное соотношение. Для офиса хорошо подойдут модели с DPI равным 800-1000, в то время как компьютерные мыши с DPI выше 3000 предназначены для игроков.

Бытовые мыши

Модели с чувствительностью DPI на уровне 2000-2400 DPI, и возможностью настройки параметра Dots Per Inch будут хорошо работать в большинстве повседневных приложений.

Мыши для использования в офисе

Мыши с разрешением 2000 DPI или больше подойдут для графического дизайна, и тем, кто выполняет профессиональные обязанности, заключающиеся в обработке мультимедиа.

Мышь для игроков

Компьютерные мышки для игроков оснащены не только кнопкой DPI на мышке, но и механизмом регулировки чувствительности шага. Это решение, благодаря которому можно быстро и динамически изменить DPI на один из нескольких предварительно настроенных уровней чувствительности. Таким образом, такая мышь может быть адаптирована к конкретной игре и предпочтениям, и даже навыкам персонажа.

Компьютерная мышь для игроков имеет множество специальных опций, таких как функция распознавания текущей настройки разрешения мыши. Каждый из режимов DPI имеет свой цвет подсветки, поэтому вы узнаете его даже ночью.

Источник

Краткий обзор технологии DPI — Deep Packet Inspection

Основы

Система DPI, как видно из названия, выполняет глубокий анализ всех проходящих через неё пакетов. Термин «глубокий» подразумевает анализ пакета на верхних уровнях модели OSI, а не только по стандартным номерам портов. Помимо изучения пакетов по неким стандартным паттернам, по которым можно однозначно определить принадлежность пакета определённому приложению, скажем, по формату заголовков, номерам портов и т.п., система DPI осуществляет и так называемый поведенческий анализ трафика, который позволяет распознать приложения, не использующие для обмена данными заранее известные заголовки и структуры данных. Яркий пример тому – Bittorrent. Для их идентификации осуществляется анализ последовательности пакетов, обладающими одинаковыми признаками, таким как Source_IP:port – Destination_IP:port, размер пакета, частота открытия новых сессий в единицу времени и т.д., по поведенческим (эвристическим) моделям, соответствующим таким приложениям. Естественно, сколько производителей такого железа – столько и интерпретаций поведенческих моделей соответствующих протоколов, а значит и точность детектирования также разнится. Раз речь зашла о производителях, стоит отметить, что наиболее крупными игроками и их продуктами на рынке standalone DPI являются Allot Communications, Procera Networks, Cisco, Sandvine. Всё более и более популярными становятся интегрированные в маршрутизаторы решения DPI. Так поступают многие — Cisco, Juniper, Ericsson и т.д. по списку. Такие решения, как правило, достаточно компромиссные, и не могут предоставить весь спектр сервисов, доступных standalone решениям. Однако, для большинства задач этого вполне достаточно. Софтварные продукты, крутящиеся на серверах (такие как OpenDPI) я умышленно не указываю, их рынок весьма узок и, как правило, ограничивается корпоративными/кампусными сетями, а это немного не мой профиль. Важной отличительной особенностью настоящего DPI является возможность аналитики трафика за счёт сбора различного рода статистики с разбивкой по приложениям, по тарифным планам, по регионам, по типам абонентских устройств и т.д. По этой причине замечательный NBAR имени Cisco хоть и позволяет детектировать и осуществлять контроль трафика по приложениям, полноценным решением DPI не является, т.к. в нём отсутствует ряд важных компонентов.

Система DPI, как правило, устанавливается на границе сети оператора в разрыв существующих аплинков, уходящих от пограничных маршрутизаторов. Тем самым, весь трафик, который покидает или входит в сеть оператора, проходит через DPI, что даёт возможность его мониторинга и контроля. Для решения специфических задач можно устанавливать эту систему не на границе сети, а спускать её ниже, ближе к конечным пользователям, на уровень BRAS/CMTS/GGSN/… Это может быть полезно тем операторам, которые по ряду причин помимо утилизации внешних каналов также хотят решать задачу контроля внутренних. Естественно, здесь речь идёт о достаточно крупных сервис-провайдерах с большой распределённой сетью масштабов страны и с достаточно дорогими канальными ёмкостями.

На рынке DPI есть модели на самый разный кошелёк. Производительность представленных на рынке устройств плавает в пределах от сотен Мбит/с до 160 Гбит/с FDX в рамках одной отдельно взятой коробки, которые, как правило, можно объединять в кластеры. Соответственно, и стоимость плавает весьма серьёзно — от нескольких тысяч до миллионов долларов США. В случае с корпоративным сегментам решения предполагают низкоскоростные подключения по медным интерфейсам типов 10/100/1000. Операторские решения рассчитаны на подключение множества линков 1GE и 10GE. Что касается совсем взрослых решений, то пока что рынок 100GE интерфейсов на сетевом оборудовании достаточно скуден и дорог, но как только появится первый реальный бизнес-кейс, вендоры DPI предложат соответствующие решения, ибо у некоторых из них заготовки уже имеются.

Что дальше?

Теперь возникает логичный вопрос – ну и что теперь со всем этим делать? У оператора появляется достаточно мощный инструмент, при умелом использовании которого можно решать различные задачи по эксплуатации сети и её развитию.

Реализация QoS

С точки зрения эксплуатации, оператор может контролировать утилизацию подключенных через DPI каналов на уровне приложений. Раньше он решать задачи реализации QoS (Quality of Service) исключительно средствами построения очередей на основании маркировки трафика служебными битами в заголовках IP, 802.1q и MPLS, выделяя наиболее приоритетный трафик (разного рода VPN’ы, IPTV, SIP и т.д.), и гарантируя ему определённую пропускную способность в любой момент времени. Трафик типа Best Effort, к которому относится весь интернет трафик домашних абонентов (HSI — High Speed Internet), оставался фактически без контроля, что давало возможность тому же Bittorrent забрать себе всю свободную полосу, что, в свою очередь, вело к деградации любых других веб-приложений. С использованием DPI у оператора появляется возможность распределить канал между различными приложениями. К примеру, в ночные часы разрешить трафику Bittorrent забирать себе больше полосы, чем днём, в часы-пик, когда в сети ходит большое количество другого веб-трафика. Другая популярная мера у многих мобильных операторов – блокировка Skype-трафика, а также любых видов SIP-телефонии. Вместо полной блокировки оператор может разрешать работу данных протоколов, но на очень низкой скорости с соответствующей деградацией качества предоставления сервиса у конкретного приложения, чтобы вынудить пользователя платить за услуги традиционной телефонии, либо за специальный пакет услуг, разрешающий доступ к VoIP-сервисам.

Subscriber Management

Важным моментом является то, что правила, на основании которых выполняется шейпинг/блокировка, могут быть заданы посредством двух основных базисов – per-service или per-subscriber. В первом случае простейшим образом оговаривается, что конкретному приложению позволяется утилизировать определённую полосу. Во втором привязка приложения к полосе осуществляется для каждого подписчика или группы подписчиков независимо от других, что производится через интеграцию DPI с существующими OSS/BSS системами оператора. Т.е. можно настроить систему таким образом, что подписчик Вася, который за неделю накачал торрентов на 100 гигабайт, до конца месяца будет ограничен по скорости скачивания этих же торрентов на уровне 70% от купленного им тарифа. А у подписчика Пети, который купил дополнительную услугу под названием «Skype без проблем», трафик приложения Skype не будет блокироваться ни при каких условиях, но любой другой – легко. Можно сделать привязку к User-Agent и разрешить браузинг только при помощи рекомендуемых браузеров, можно делать хитрые редиректы в зависимости от типа браузера или ОС. Иными словами, гибкость тарифных планов и опций ограничена лишь здравым смыслом. Если же речь идёт о трафике мобильных операторов, то DPI позволяет контролировать загрузку каждой базовой станции в отдельности, справедливо распределяя ресурсы БС таким образом, чтобы все пользователи остались довольны качеством сервиса. Разумеется, данную задачу можно решать силами мобильного ядра, но это не всегда бюджетно. Раз уж я упомянул мобильных операторов, то хотелось бы отметить, что каждый уважающий себя производитель пакетного ядра EPC (Evolved Packet Core) для LTE интегрирует в свой PDN-GW функционал DPI, заточенный под решение задач мобильных операторов.

Зачем это всё надо?

Новая модель услуг

Мы плавно перешли к задаче развития сети и её услуг. Глядя на то, как подписчики пользуются купленной ими полосой, какие приложения используют, оператор может изучать потребности каждой категории подписчиков и предлагать им более гибкие и совершенные тарифные планы. К примеру, основываясь на том, что подписчики тарифа Silver активно пользуются услугами сторонней SIP-телефонии, можно предложить им дополнительный пакет, позволяющий использовать аналогичный сервис, предоставляемый оператором, но со скидкой. Остальные подписчики при желании воспользоваться более дешёвой телефонией будут мотивированы переходить на более дорогой тариф, приобретая дополнительные бонусы в виде повышения скорости. Можно придумать много кейсов, это лишь один из них. Своё видение персонализированных сервисов представила компания Allot в своей презентации, выдержки из которой упоминаются в материале, когда-то опубликованном на хабре. Подход очень интересный, и выгодный как для пользователя, так и для оператора. Тенденции развития телекоммуникационного рынка таковы, что для операторов продавать трубу, как они делают сейчас, скоро будет просто невыгодно, есть масса исследований, подтверждающих это. ARPU не увеличивается, конкуренция высока, оборудование необходимо апгрейдить всё чаще и чаще, расходы операторов растут, а желание получать прибыль никуда не девается. Задача DPI в данном разрезе — реализовать новые модели предоставления услуг конечному пользователю. Некоторые мировые операторы маленькими шагами уже двигаются к данной идее. В России, очевидно, процесс этот будет долгим и мучительным, т.к. для достижения задачи необходимо перестраивать мозги абонентов на другую частоту, что очень непросто, т.к. отучить человека не качать торренты, а покупать легальный контент — непросто. Я бы не хотел сейчас запускать дискуссию на тему «А где мне брать легальный контент?», это отдельная песня, и я очень рад, что это сдвинулось с мёртвой точки (на примере ivi, omlet, zabava и т.п. совместно с возрастающими продажами Smart TV). Надеюсь, данные проекты не заглохнут. О Netflix я пока не мечтаю, но было бы здорово.

DPI отлично умеет работать в связке с различными VAS (Value Added Services) системами, такими как антиспам, антивирус, видеооптимизаторы и т.п. Суть функционала заключается в отводе части трафика по заданным администратором критериям, на сторонние устройства, для осуществления более глубокого анализа и обработки.

Довольно легко можно организовать предоставление пользователям услуг по родительскому контролю, которые становятся всё более и более актуальными.

Спецслужбы

В конце хотелось бы сказать пару слов о том, для чего также закупается DPI, кроме как для издевательств над абонентами. Оборудование DPI, в связи со своим умением видеть всё и вся, что происходит на сети, является весьма интересным устройством для товарищей в погонах, без которых сейчас никуда. При помощи DPI спецслужбы могут вести наблюдение за сетевой активностью того или иного пользователя. Можно перекрыть ему VPN, HTTPS и прочие прелести, делающие невозможным анализ контента. Разумеется, можно закрывать доступ пользователей к неугодным властям сайтам, что очень актуально в связи с последними событиями в законотворческой деятельности в России.

Сетевой нейтралитет

Источник

DPI на мышке: насколько это важно?

Стоит ли придавать этому параметру (которые многие считают основным) значение? Что вообще дает высокий DPI?

В спецификациях к любой компьютерной мышке можно найти параметр DPI. Вы могли заметить, что с каждым годом его значение увеличивается. Зачастую разработчики преподносят это как преимущество, но так ли это? Действительно ли мышь с 12 000 DPI будет лучше модели с 400 DPI при прочих равных?

Что такое DPI?

DPI — в переводе с английского dots per inch обозначает «точек на дюйм». То есть это количество пикселей, на которое сдвинется курсор, если мышь передвинется на один дюйм. Многие пользователи называют этот показатель разрешением, однако это не совсем правильно. DPI — это скорость сенсора. А разрешение отображает параметр CPI (counts per ich). То есть количество считываний сенсора за передвижение мыши на один дюйм.

DPI также часто путают с чувствительностью. Это тоже разные вещи. Чувствительность — это настраиваемый параметр в интерфейсе операционной системы или игры. То есть это лишь модификатор параметра CPI. Можно выставить высокое разрешение и низкую чувствительность или наоборот: низкое разрешение и высокую чувствительность. Например, 2400 CPI и чувствительность 5. Или 800 CPI и чувствительность 15. В обоих случаях курсор будет двигаться одинаково. Но что из этого лучше?

Зачем нужен большой CPI?

Как мы выяснили, чем больше CPI, тем большее расстояние пройдет курсор за движение мышки на дюйм. В условиях нынешних реалий, когда разрешение монитора 1920 на 1080 точек является самым популярным, большие значения CPI, равные 2400, 3600, 4800 и т.д. — попросту ни к чему. При таких цифрах работа и гейминг на Full HD экране будут неудобны, поскольку курсор будет резко сдвигаться на большое расстояние.

Конечно, это отчасти можно компенсировать уменьшением чувствительности, но далеко не в каждой игре и операционной системе имеется много значений, доступных для выбора. В той же Windows всего 11 делений для выбора скорости указателя. Отсюда получается, что высокие значения CPI предназначены для мониторов с большим разрешением: 4K и 8K.

В гейминге большой CPI только мешает, поскольку точность наведения курсора снижается. Когда противник находится на большом расстоянии от вас, вы передвигаете курсор всего на несколько пикселей. Попробуйте осуществить такое с CPI равным 5000. Вряд ли вы получите желаемый результат. Поэтому оптимальные значения для игр находятся в диапазоне от 400 до 2400 CPI.

Что такое акселерация?

Это ускорения курсора при резких движениях девайса. То есть, чем быстрее вы двигаете мышью, тем большее расстояние пройдет указатель. Данный параметр является настраиваемым, но редко встречается. Если его отключить, то независимо от скорости передвижения, курсор будет проходить фиксированное количество точек, которое равняется значению CPI.

Но благодаря акселерации вы сможете совершать быстрые движения, которые не потребуют движения мышки на весь ковер. Например, ускорение полезно в играх при разворотах на 180°.

На что действительно стоит обращать внимание?

Если вы хотите выбрать качественный игровой девайс, то гнаться за CPI не стоит. Лучше обратите внимание на следующие параметры:

Более подробно о правильном выборе компьютерных мышек вы можете прочитать в нашем гайде.

Источник

Руководство для дизайнера по DPI

Это руководство — начальный материал о кросс-DPI и кроссплатформенном дизайне для начинающих и средних дизайнеров, желающих узнать о нем с самого начала или получить больше знаний. Без сложных математических и непонятных диаграмм, только непосредственные объяснения, упорядоченные в небольших разделах, для понимания и применения их непосредственно к вашей дизайнерской работе.

Я не знаю всего, так что, если по вашему мнению я где то ошибаюсь или вам нужно уточнить что-то, либо у вас есть предложения или вопросы для улучшения данного руководства, отправьте письмо (на англ) на sgabriel.contact@gmail.com. Вы также можете найти на меня Twitter, G+ или Facebook.

Что такое DPI и PPI

DPI или (Dots Per Inch) «точек на дюйм» является мерой пространственной плотности точек, первоначально использовавшейся в печати. Это количество капель чернил, которое ваш принтер может вместить в один дюйм. Меньшее DPI дает менее детальное изображение.

Эта концепция применяется к компьютерным экранам под названием PPI (пикселей на дюйм). Тот же принцип: подсчитывается количество пикселей, которые экран может отображать на дюйм. Название DPI также используется в экранах.

У компьютеров с Windows по умолчанию 96 PPI. Mac использует 72, хотя это значение не было точным с 80-х. Обычные, не retina ПК (Mac также) будут иметь от 72 PPI минимум до около 120 максимум. Проектирование с PPI между 72 и 120 обеспечит вашей работе везде примерно то же самое соотношение размеров.

Вот прикладной пример: экран Mac Cinema 27 дюймов имеет 109 PPI, что означает, что он отображает 109 пикселей на дюйм экрана. Ширина с рамкой является 25,7 дюймов (65 см). Ширина фактического экрана составляет примерно 23,5 дюйма, так 23,5 * 109

2560, что делает физическое разрешение экрана 2560x1440px. *Я знаю, что 23,5 * 109 не равно точно 2560. Это на самом деле +23,486238532 дюймов. Было бы точнее пикселей на сантиметр, но вы меня поняли.

Влияние на ваш дизайн

Допустим, вы рисуете синий квадрат 109 * 109 px на экране, оговоренном выше. Этот квадрат будет иметь физический размер на экране 1 * 1 дюйм. Но если ваш пользователь имеет экран с 72 PPI, синий квадрат будет выглядеть физически больше, поскольку для 72 PPI экрану понадобится приблизительно полтора дюйма, чтобы отобразить ваш синий квадрат 109px. Смотрите ниже моделирование эффекта.

Запомните: оставив в сторону разногласия цвета и разрешения, имейте в виду, что все будут видеть ваш дизайн по разному. Вы должны стремиться к наилучшему компромиссу и создавать для наибольшего процента пользователей. Не думайте, что у пользователь такой же экран, как у вас.

Разрешение экрана (и родное разрешение)

Разрешение экрана может иметь огромное влияние на то, как пользователь воспринимает ваш дизайн. К счастью, так как ЖК-мониторы заменили ЭЛТ, теперь пользователи, как правило, имеют родные разрешения экрана с хорошим соотношением размер экрана к PPI.

Разрешение определяет количество отображаемых на экране пикселей (например: 2560 * 1440px для Cinema экрана 27 дюймов) 2560 ширина, 1440 высота. Теперь, конечно, когда вы знаете, что означает PPI, вы понимаете, что это не может быть единицей измерения физического размера. Вы можете иметь экран 2560×1440 размером с вашу стену и другой размером с вашу голову.

Современные ЖК-мониторы имеют разрешение, определенное по умолчанию, оно же родное, которое будет обрабатывать точное число пикселей, которое экран способен отображать. У старых ЭЛТ-мониторов немного по-другому, но так как их можно считать мертвыми, давайте не вдаваться в детали (и не затрагивать мое частичное понимание старых добрых телевизоров).

Возьмем наш 27 дюймовый Cinema экран, который может отображать 109 PPI в родном разрешении 2560 * 1440 px. Если уменьшить разрешение, элементы будут казаться больше. В конце концов, у вас только 23,5 горизонтальных дюйма для заполнения виртуально меньшим числом пикселей.

Я сказал виртуально, потому что в этом случае так и будет. Экран имеет родное разрешение 2560 * 1440 px. Если разрешение уменьшается, то пикселы все также отображаются в 109 PPI. Чтобы заполнить это пространство и весь экран, ваша ОС будет все растягивать, ваш GPU / CPU возьмет все пиксели и вычислит их с новым соотношением.

Если вы хотите сделать разрешение 1280 * 720 (половина ширины, половина высоты от предыдущего) на 27 дюймов, то вашему GPU, чтобы заполнить экран, придется имитировать вдвое увеличенный пиксель. Какой будет результат? Так вот — размытие. Пока деление на два отношения сторон будет выглядеть довольно хорошо, из-за простого делителя, но если вы захотите 1/3 или 3/4 от отношения сторон, то у вас в итоге будут числа со знаками после запятой, и вы НЕ МОЖЕТЕ разделить пиксель. Смотрите пример ниже.

Примечание: слева: рендеринг окна OSX в родном разрешении (1400*900px): справа рендеринг окна OSX в симулированном меньшем разрешении (1024*640px retina).

Рассмотрим ниже другой пример. Возьмем линию в 1 пиксель на экране с родным разрешением. Теперь сделаем разрешение на 50% меньше. Для заполнения экрана CPU придется генерировать 150% изображения, умножая все на 1,5, 1 * 1,5 = 1,5, но вы не можете поделить пиксели вдвое. А будет следующее: он заполнит окружающие пиксели долей цвета (by a fraction of the color), создавая размытие.

Примечание: слева линия толщиной в 1 пиксель на любом разрешении по умолчанию, справа линия толщиной в 1 пиксель в меньшем на 150% разрешении.

Поэтому, если у вас есть Retina Macbook Pro и вы хотите изменить разрешение, он покажет окно ниже, давая вам знать (на скриншоте ниже) как это разрешение будет «выглядеть» 1280 * 800px. Он использует опыт восприятия пользователем разрешения экрана, чтобы выразить отношение размеров.

Это очень субъективное представление, потому что он использует разрешение пикселя в качестве единицы физического размера, но это правда, по крайней мере, с их точки зрения.

Запомните: если вы хотите всегда видеть свой дизайн (или любой дизайн) пиксельно идеально, никогда не используйте для вашего экрана разрешение, отличное от родного. Да, вам может быть более удобно с меньшим соотношением, но когда дело доходит до пикселей, вам хочется быть как можно более точным. К сожалению, некоторые люди используют разрешение как способ, чтобы лучше видеть, что происходит на экране (особенно на рабочем столе), когда им следовало бы использовать настройки специальных возможностей. От этого ваш дизайн по-прежнему будет выглядеть плохо, но с этой точки зрения, пользователи ищут улучшения читаемости, а не блеска.

Что такое 4k

Возможно, в последнее время вы много слышали о термине 4K (по крайней мере, когда я писал об этом, в начале 2014-го года), 4k довольно модная тема. Чтобы понять, что это такое, давайте сначала поймем, что означает «HD».

Осторожно, это сильное упрощение. Я буду говорить только о наиболее распространенных разрешениях. Существует различные категории HD. Термин HD применимо к любым разрешениям, начиная с 1280x720px или 720p для горизонтальных линий в 720 пикселей. Также некоторые могут называть это разрешение SD (standard definition; стандартное определение).

Термин Full HD применяется к экранам 1920x1080px. Большинство телевизоров и телефонов высокого класса (Galaxy SIV, HTC One, Sony Xperia Z, Nexus5) использует это разрешение.

4K начинается с 3840×2160 пикселей. Его также называют Quad (четверной) HD и может называться UHD от Ultra (сверх) HD. Проще говоря, на экране 4K вы можете вложить 4 1080p, в понятии числа пикселей. Другое разрешение 4K — 4096×2160. Это немного больше и используется для проекторов и профессиональных камер.

Что произойдет, если я подключу 4K дисплей к компьютеру

Современные ОС не масштабируют 4K, это означает, что если вы подключите дисплей 4K к Chromebook или MacBook, он будет использовать ресурсы с наибольшим DPI, в этом случае 200% или @ 2x (в два раза больше) и показывать их в обычном соотношении. От этого все будет выглядеть хорошо, но маленьким.

Гипотетический пример: если вы подключите 12 дюймовый 4K экран к компьютеру с 12 дюймовым экраном высокого разрешения (2x), все будет выглядеть в два раза меньше.

Герцы монитора

Здесь мы немного отдохнем от PPI и разрешения экрана. Возможно, вы видели, что возле настроек разрешения для экрана есть значение Гц монитора. Оно не имеет ничего общего с PPI, но на всякий случай, если вам интересно, Герц монитора — или частота обновления — это единица скорости, с которой ваш монитор будет отображать фиксированное изображение или кадр за секунду времени. Монитор с 60 Гц сможет отображать 60 кадров в секунду. Монитор 120 Гц — 120 кадров в секунду и т.д.

В контексте интерфейса пользователя значение Герц(Гц) будет определять, насколько гладкой и детализированной будет выглядеть ваша анимация. Большинство экранов работают на 60 Гц. Обратите внимание, что количество кадров, отображаемых в секунду, также зависит от вычислительной и графической мощности устройства. Подключение экрана 120 Гц к Atari 2600 будет совершенно бесполезным.

Для лучшего понимания взгляните на пример ниже. T-Rex идет из точки А в точку B с одинаково равным и быстром и шагом на 60 Гц и 120 Гц экране. Экран с частотой 60 кадров в секунду способен отображать 9 кадров во время анимации, в то время как с 120 кадров в секунду отображает в том же отрезке времени логически вдвое больше кадров. Анимация будет выглядеть более гладко на экране 120 Гц.

Запомните: Некоторые люди могут сказать, что человеческий глаз не может увидеть более 60 кадров в секунду. Это неправильно. Не слушайте и уходите, смеясь истерическим хохотом.

Что такое дисплей retina

Apple представила термин дисплей «Retina » для выпуска смартфонов iPhone 4. Он называется Retina (в переводе сетчатка) потому, что PPI устройства была настолько высоко, что вероятно, сетчатка человека не смогла бы увидеть отдельные пиксели на экране.

Это утверждение верно для размеров экрана диапазона устройства, в которых оно используется, но в то время как экраны становятся все лучше и лучше, наши глаза сейчас обучены достаточно для восприятия пикселей — особенно для округлых элементов пользовательского интерфейса.

Технически они отображают в два раза больше пикселей по высоте и ширине в том же физическом размере.

IPhone 3G / S был с диагональю 3,5 дюйма и разрешением 480 * 320px и 163PPI.
iPhone 4 / S был с диагональю 3,5 дюйма и разрешением 960 * 640px и 326ppi.

БУМ! Ровно в два раза. Простой множитель. Поэтому элементы на экране вместо того, чтобы быть меньше, выглядят вдвойне визуально резче, потому что они имеют в два раза больше пикселей и точно таких же физических размеров. Один нормальный пиксель равен 4 пикселям retina.

Рассмотрим пример ниже для прямого применения в сложном дизайне.

Примечание к изображению: трудно имитировать различное качество изображения с двух устройств на третье устройство, то есть то, на которое вы смотрите на прямо сейчас. Качество изображения будет выглядеть в два раза лучше и резче для музыкального плеера на retina, даже занимая то же физическое пространство, Если вы хотите проверить его сами, я использовал одну из моих бесплатных программ, вы можете загрузить исходный код.

Термин дисплей «Retina» принадлежит Apple, поэтому другие компании будут использовать «HI-DPI» или » Super power pixel maximum sp33d display » (я собираюсь зарегистрировать последнюю марку) или вообще ничего из этого. Вам останется, читая характеристики устройства, выяснить, какой же DPI и размер экрана (как весело).

Запомните: продукты Apple, являются отличным способом познакомиться с преобразования DPI и понять различия между разрешением, PPI и соотношением физического размера, потому что вам надо беспокоиться только о 1 множителе.

Что такое множитель

Когда дело дойдет до преобразования вашего дизайна для всех возможных PPI, множитель будет вашим математическим спасителем. Если вы знаете множитель, вам больше не придется заботиться о детальных характеристиках устройства.

Давайте возьмем наш пример с iPhone 3G и 4. У вас есть в два раза больше пикселей в том же физическом размере. Поэтому ваш множитель 2. Это означает, чтобы сделать ваши графические ресурсы совместимыми с разрешением 4G, вы просто должны умножить размер своих графических ресурсов на 2 — и все.

Допустим, вы создаете кнопку 44 * 44px, которая является рекомендованной iOS сенсорной целью (я буду говорить об этом позже). Давайте назовем его типичным названием кнопки «JIM».

Чтобы хорошо сделать JIM на iPhone 4, вам надо создать его версию увеличенную вдвое. Что мы и делаем ниже.

Примечание: слева — 2px закругленные углы 16px размер шрифта, справа 4px закругленные углы 32px размер шрифта.

Довольно просто. Теперь JIM имеет версию Jim.png для нормального PPI (IPhone 3) и версию Jim@2x.png для 200% PPI (iPhone 4).

Теперь вы спросите: «Но подождите! Я уверен, что есть и другие множители кроме всего двух. Да, есть, и вот здесь это становится кошмаром. Хорошо, может быть, не кошмаром, но я уверен, что вы предпочли бы провести день, гладя ваши носки, чем справляться с множеством множителей. К счастью, это не так страшно, как вы думаете, мы вернемся к этому позже.

Давайте сначала поговорим о единицах измерения, потому что теперь вам нужна будет единица измерени, отличная от пикселя — для описания ваших мульти DPI дизайнов. Вот когда приходит время DP и PT.

Запомните: для каждого дизайна над которым вы работаете нужно знать множитель. Множители, держат вместе этот мир хаоса размеров экранов и PPI и делают его понятным для человека.

Что такое DP, PT и SP

DP или PT является единицей измерения, используемой для создания описания к вашим макетам, созданных для множества устройств и DPI.
DP или DiP расшифровывается как Device independent Pixel (пиксель независимый от устройства) и PT как Point (точка). PT используют Apple; DP используют в Android, однако по существу — они одинаковы. Короче говоря, они определяют размер независимо от множителя устройства. Это очень помогает при обсуждении тех. заданий между такими различными субъектами, как дизайнер и инженер.

Давайте возьмем наш предыдущий пример кнопки, „JIM“.
Джим имеет ширину 44px для обычных, не retina экранов, и ширину 88px для retina экранов. Перейдем к техническим подробностям и добавим отступы (padding) вокруг Джима на 20px, потому что он любит свободное пространство. Тогда отступ будет 40px для retina. Но на самом деле не имеет смысла учитывать retina пиксели при проектировании на не retina экране.

Мы поступим следующим образом: возьмем за основу 100% соотношение сторон обычного не retina экрана.

В этом случае JIM будет иметь размер 44 * 44DP или PT и отступы 20DP или PT. Вы можете отдавать свое тех. задание в любом PPI, JIM по прежнему будет 44 * 44dp или pt.

Android и IOS адаптируют этот размер к экрану и конвертируют с правильным множителем. Вот почему я думаю, что легче всегда проектировать с PPI по умолчанию для вашего экрана.

SP используется отдельно от DP и PT, но работает так же. SP расшифровывается Scale-independent pixels (масштабно независимый пиксель) и используется для определения размеров шрифта. SP зависит от настроек шрифтов пользователей Android устройств. Для дизайнера определение SP такое же, как определение DP для всего остального. Возьмите за основу то, что читаемо при 1х масштабе (16SP, например, это отличный размер шрифта для чтения).

Запомните: когда составляете тех. задание, всегда используйте значения независимые от разрешения / масштаба. Всегда. Чем больше отличается размер экрана / разрешение, тем это более существенно.

Настройка PPI

Теперь, когда вы знаете, что такое PPI, retina и множитель, важно сказать, о чем меня совсем мало спрашивали, и это сбивает с толку: »Что произойдет, если изменить конфигурацию PPI в моем графическом редакторе?»

Если вы задали себе этот вопрос, это означает, что вы немного знакомы с графическими редакторами. Теперь очень важно понять то, на что мне потребовалось некоторое время: Для всего, что не для печати, используются размеры в пикселях, независимо от начальной конфигурации PPI.

Настройки PPI в программах являются наследием печатного дела. Если вы проектируете только для интернета, PPI не будет иметь никакого влияния на размер вашего растрового изображения. Вот почему мы используем множители, а не конкретные значения PPI. Ваш холст и графика всегда будут преобразованы в пиксели с помощью программного обеспечения, используя соответствующий множитель.

Вот, например. Вы сами можете это попробовать в программе, которая позволяет настроить PPI, например, Photoshop. Я нарисовал квадрат 80 * 80px и текст с размером 16pt в Photoshop с конфигурацией 72ppi. Второе то же самое с конфигурацией 144PPI.

Как вы видите, текст стал довольно большим, точнее в два раза больше, в то время как квадрат остался тем же. Причиной этого является то, что программа (Photoshop в данном случае) масштабирует (как и должна) значения pt на основе значения PPI, в результате удваивая размер рендеринга текста на настройках удвоенного PPI. С другой стороны, то, что было определено с помощью пикселей — синий квадрат — остается точно таково же размера. Пиксель — это пиксель и останется пикселем независимо от настроек PPI. Они отличаются друг от друга только PPI экрана, который их отображает.

Важно помнить, что при проектировании для цифровой техники PPI будет влиять только на то, как вы воспринимаете свой дизайн и на ваш рабочий процесс и на графику в pt размерах, такую как шрифт. Если вы включите в свою работу исходные файлы с различными настройками PPI, программа изменит размеры любого переданного изображения между различными файлами отношением PPI принимающего файла. Это станет для вас проблемой.

Решение? Используйте PPI (для 1x дизайна предпочтительно в диапазоне 72-120) и придерживайтесь его. Я лично использую 72 ppi, потому что это настройка по умолчанию в Photoshop, и большинство моих коллег делают то же самое.

Обработка PPI в iOS

Пришло время для погружения в платформенно-зависимый дизайн. Давайте пройдемся по устройствам с IOS на начало 2014 года. Касательно размеров экрана и DPI, c iOS есть 2 типа мобильных устройств и 2 типа экранов для ноутбуков / настольных компьютеров. В категории мобильных у них, конечно, есть iPhone и iPad.

В категории телефонов у вас есть старый 3GS (еще поддерживается iOS6) и выше. Только iPhone 3GS не с retina. iPhone 5 и выше используют более высокий экран с тем же DPI, как у iPhone 4 и 4s. Смотрите шпаргалку ниже:

Примечание: 1) множитель 1х, 2) множитель 2х, 3) множитель 2х.

В сентябре 2014-го Apple представила 2 новые категории iPhone: iPhone 6 и iPhone 6 Plus. iPhone 6 больше, чем iPhone 5 (на 0.7 дюйма), но с тем же PPI. С другой стороны, iPhone 6 представляет совершенно новый множитель для iOS, @3x из-за своего размера, 5.5 дюймов.

Есть кое-что особенное, что вам надо знать о том, как iPhone 6 Plus обрабатывает свой дисплей относительно всех остальных iPhone.

Он уменьшает размер изображений.

Например, когда вы проектируете для iPhone 6, вы проектируете на холсте 1334*750px и телефон также рендерит 1334*750 физических пикселей. В случае iPhone 6 Plus у телефона разрешение меньше, чем рендеринг изображения, так что вам надо проектировать для разрешения 2208*1242px и телефон уменьшит размер до разрешения 1920*1080px. Смотрите рисунок ниже:

Физическое разрешение на 13% ниже, чем отрендеренное разрешение. Это создает пару глюков, таких как полу-пиксели, делая очень мелкие детали размытыми. Хотя разрешение так велико, что это будет незаметно, только если вы будете смотреть очень близко. Так что проектируйте на холсте 2208*1242px и будьте осторожны с очень маленькими элементами дизайна, такими как супер разделители. Смотрите ниже симуляцию того, что происходит:

Спасибо Paintcode за замечательное объяснение этого, сразу после основного доклада. Сморите их веб страницу. Это объяснение исходит из их классных схем.

Затем у вас есть категория iPod Touch. Рассматривайте дизайн для них так же как, для iPhone. iPod 4-го поколения и ниже использует iOS6 и не retina. iPod пятого поколения и выше использует retina экраны и совместим с iOS7. Соответственно, у iPod пятого поколения размер экрана такой же, как у iPhone 5.

Наконец у вас есть iPad. За исключением iPad (устаревших) первого поколения все они работают на iOS7, и только iPad2 и IPad mini первого поколения используют не-retina экран. Если вам интересно, каков iPad mini с точки зрения дизайна, это обычный iPad (экран с тем же PPI), но физически меньше. Под этим я подразумеваю, что они взяли такое же разрешение и уменьшили его с 9.7 дюймов до 7.9 дюймов. С тем же соотношением сторон, следовательно, увеличивая плотность пикселей. Ваши графические ресурсы будут выглядеть немного меньше.

Что касается категории настольный ПК/ноутбук, мы не будем рассматривать все размеры экранов, предлагаемых Apple. На сегодняшний день компания Apple предлагает большинство своих экранах с множителем 1x (Macbook, Macbook Air, старых MacBook Pro, настольных экранах.). Retina есть только в 13 и 15 дюймовых MacBook Pro. Множитель 2x, такой же, как в iPad и iPhone. Даже если проектирование для настольных ПК отличается от мобильных устройств, вы будете создавать графические ресурсы таким же образом для работы на 2 различных типов экранов.

При наличии только одного множителя, создание графических ресурсов для iOS и OSX довольно простое. Я предлагаю начать проектирование для базового PPI (т.е. 100% / 1x) и затем умножать на 2 для работы вашего дизайна на @ 2x экране и генерируйте @ 2x графические ресурсы. Когда вы освоитесь с переключением между 1х и 2х, вы будете в состоянии проектировать непосредственно в @ 2x, масштабируя свои графические ресурсы для более низкого разрешения. Это будет особенно полезно, если вы разрабатываете на экране retina (MacBook Pro).

Необходимые графические ресурсы, пример Chrome

Как вы видите, каждый раз мы должны создавать по два изображения на 1 графический ресурс. Не retina изображения называются name.png. Для retina изображений мы добавляем @ 2x, чтобы стало name@2x.png. Это конвенция iOS и ее надо придерживаться.

Если вы создаете изображение, которое будет использоваться только на iPad, мы используем

ipad после. @ 2x. Это всего лишь конвенция Chrome. Повторите этот процесс для каждого нужного вам графического ресурса. Никогда отдавайте только одну версию графического ресурса, создавайте для всех DPI.

Использование PPI на Android

У платформы Android более широкий спектр устройств, чем у iOS. Причина в том, что любой производитель может создать устройство и с некоторыми ограничениями в понятиях масштаба и установить на него свою собственную версию Android. В результате у вас практически неограниченное разнообразие размеров экранов и DPI, от телефонов, больших, как планшеты, до небольших планшетов, маленьких, как телефоны. По этой причине ваш дизайн всегда должен быть адаптивным.

В этом разделе мы будем использовать другой подход, чем для IOS. Сначала поговорим о множителях и категориях DPI.
Как и с iOS, у вас есть две категории устройств: телефоны и планшеты. Обе категории могут быть организованы в различных DPI категориях: ldpi, mdpi, tvdpi, hdpi, xhdpi, xxhdpi и xxxhdpi.

К счастью, одни из них используются чаще, чем другие, а некоторые уже устарели.
Первое, что мы должны сделать, это найти базовую единицу измерения, которая является эквивалентом 1х для IOS. На Android — это MDPI.
Давайте взглянем на множители в шпаргалке ниже.

Да, это много, и это еще не конец. Существует еще один.

Эффективно используются четыре DPI: MDPI, HDPI, XHDPI и XXHDPI. LDPI — это устаревшее DPI и больше не используется, TVDPI — это особый вариант для интерфейса пользователя в телевизорах и одноразово был использован для Nexus 7 выпуска 2012 г. Их можно считать не обязательными для использования в телефонах и планшетах. Хотя, есть примечание: множитель TVDPI (1.33x) используется в некоторых носимых устройствах Android, таких как часы LG G, но мы поговорим об этом чуть позже.

Давайте совместим все в перспективе, связывая Android телефоны и планшеты с их соответствующим DPI.

В настоящее время должно быть одно устройство, использующее XXXHDPI для фактических графических ресурсов приложений, но они все еще очень редки. Если у вас есть дополнительное время, генерация XXXHDPI графических ресурсов создаст задел на будущее вашему приложению.

Необходимые графические ресурсы, пример Chrome

Вам нужно создать по 4 изображения для 1-го графического ресурса, от MDPI в XXHDPI. LDPI можно не трогать. Обратите внимание, что в случае версии Chrome, показанной ниже, был также экспортирован TVDPI, поэтому в данном конкретном случае 5 изображений для 1-го графического ресурса. Как и для iOS, я предлагаю вам взять 100% или множитель 1x в качестве основы для вашего дизайна. Это облегчает подготовку вашего дизайна для остальных множителей, особенно на Android — с такими множителями, как 1,33 и 1,5.

Смотрите ниже пример кнопки назад браузера Chrome на Android:

Именование с добавлением DPI, предложенное здесь, не обязательно и не представлено в официальных руководствах Android. В связи с ограничением текущих средств проектирования так мы называем наши графические ресурсы из-за ограничений текущих инструментов дизайна, которые осложняют определение конкретных путей для экспорта графических ресурсов.

Учитывая, что источник графических ресурсов может иногда содержать сотни графических ресурсов, поскольку менее болезненно делать процесс экспорта и избегать ошибок дублирования имен со стороны дизайнера. В исходном хранилище графические ресурсы структурированы следующим образом:

Как вы видите, графический ресурс основан на квадрате в 32 * 32dp. Проблема Android множителей в том, что некоторые из них со знаками после запятой. Если умножить число на 1,33 или 1,5, скорее всего вы в конечном итоге получите число со знаками после запятой. В этом случае вы хотите округлить число в нужную сторону, так как вы думаете, что имеет смысл. В приведенном случае 32 * 1,33 = 42,56, поэтому мы округляем его до 43px.

Будьте осторожны с элементами пиксельных размеров, таких как штрихи. Вам нужно убедиться, что ваш штрих либо 1px шириной, или 2px по ширине и не размыт, так как описано в разделе разрешение экрана.

PPI Mac и Chrome OS

В понятиях обработки PPI Mac (OSX) и Chrome OS ведут себя одинаково. Обе ОС поддерживают обычное PPI (100%) и PPI высокого разрешения / retina (200%). Есть только 2x множитель также как для Iphone и iPad.

Даже если большинство ваших пользователей, как Mac, так и Chrome OS, будут с небольшим разрешением экрана (на данный момент), я очень рекомендую подготовить на будущее ваши приложения для экранов высокого разрешения. Заготовка на будущее для ChromeOS означает создание графических ресурсов с высоким разрешением для веб-приложения или веб-сайта, это никогда не будет зря потраченным временем.

В настоящее время существует в общей сложности 3 ноутбука, использующих этот PPI, MacBook Pro 13 «, 15» и Chromebook Pixel. Кроме этого, Chromebook Pixel с сенсорным экраном.

Необходимые графические ресурсы, пример Chrome

Прекрасным примером этого сходства был бы графический ресурс кнопки панели инструментов Chrome. Мы используем одни и те же графические ресурсы на обоих платформах. Хотя код отличается, визуально различий нет. Смотрите ниже пример кнопки меню Chrome.

Растягиваемые графические ресурсы

Независимо от того, для десктопов или мобильных устройств ваше приложение, почти всегда нужны растягивающиеся графические ресурсы. Растягиваемый графический ресурс так устроен, что код сможет его увеличивать до нужных размеров без ухудшения рендеринга. Они отличаются от повторяемых графических ресурсов, которые работают по-другому, даже когда иногда отображают один и тот же результат.

Смотрите ниже пример Chrome. Панель инструментов на iOS генерируется с использованием только одного супер тонкого графического ресурса, который повторяется на оси Х во весь экран.

В данный момент нам это не подойдёт, давайте посмотрим, как различные платформы справляются с растягиваемыми графическими ресурсами.

Растягиваемые графические ресурсы на iOS

IOS позволяет дизайнеру это легко сделать, так как растяжение определяется в коде в отличии от нарезки кусков графических ресурсов или маркировки. Все, что вам нужно сделать, это предоставить базовое изображение, и если не вы его создаете – опишите этот графический ресурс как растягиваемый по горизонтали, вертикали или в обе стороны. Смотрите пример ниже, который является на iOS Chrome кнопкой по умолчанию для контента.

Растягиваемые графические ресурсы на Android

У Android, в отличие от iOS, другой способ создания растягивающихся графических ресурсов. Он больше полагается на дизайнера. Для этой платформы вы будете использовать направляющие 9-patch. Эти направляющие состоят из 4 линий, окружающих сам графический ресурс. Они должны быть предоставлены кусками / изображениями, как будто они является частью самого изображения, буквально визуально отображая в нем его характеристики. Они определяют две вещи: масштабируемую область и область заливки. После того, как они определены, код сможет только протянуть то, что вы определили и вставить контент — туда, куда вы его определили.

Смотрите пример ниже кнопки по умолчанию для Android версии Chrome, показанной ранее. В целях демонстрации я сделал ее больше.

Обратите внимание, что вы должны быть осторожны с размерами вашего графического ресурса. Для демонстрации я сделал его довольно большим. Важно, чтоб вы оптимизировали ваш вес графического ресурса, снижая его размер к минимуму, как показано ниже. Я оставил углы, как они были, но сократил область растяжения и содержимого до минимума.

Запомните: всегда спрашивайте человека реализующего ваш дизайн, какое самое лучшее решение принять, особенно для настольных компьютеров. Чем больше у вас изображений, тем тяжелее будет приложение, и вам будет тяжелее отслеживать и обновлять свои графические ресурсы. 9-патч должен использоваться только с хорошими правилами именования и хорошей организацией ваших исходных файлов.

Сенсорное управление и сенсорные цели

Первое, что здесь нужно понять, создание чего-либо для сенсорного управления не имеет ничего общего с DPI. Но когда дело доходит до создания пользовательского интерфейса или генерирования графических ресурсов, важно понять взаимосвязь между сенсорным управлением и DPI.

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

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

Настольные компьютеры, без сенсорного управления

Я не буду здесь давать уроки истории, но если вы родились до 2005 года, вы знаете, что вычислительная техника не была создана с задумкой сенсорного управления.

Мы используем мышь и клавиатуру, которые являются чрезвычайно точными инструментами для навигации по пользовательскому интерфейсу. Точность курсора мыши 1pt. В теории вы могли создать кнопку 1×1 pt, которая была бы кликабельна любым сверхчеловеком.
Смотрите рисунок ниже.

Это 20x версия курсора Chrome OS.
Красная точка — это фактическая область, которая вызывает действие на интерфейсе пользователя. Довольно точно.
Догадываетесь, куда я клоню. Что не очень точно? Наши пальцы.

Итак, как вам делать дизайн для сенсорного управления? Ну, сделайте все больше.

Размер пальцев

Вот средний размер двух наиболее часто используемых пальцев для взаимодействия с интерфейсом пользователя, указательного и большого пальца. Он представляет собой как зону прикосновения и зону загороженную пальцем. Фактическая зона касания (т.е. часть пальца, которая находится в контакте с экраном), конечно, будет меньше и немного более точной, если вы конечно не давите своим пальцем экран.

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

Примечание: слева средняя область касания указательного, справа большого пальца.

Как применить это к моей дизайнерской работе

Как мы уже видели, дюймы или сантиметры не лучший способ для расчетов в пиксельном мире. Фактически, даже пиксель не очень хороший способ подсчета. Итак, как вам убедится, что ваш дизайн готов для сенсорного управления?

Я скажу очевидное, но вы всегда должны тестировать свой дизайн на целевых устройствах / платформах.
Но, чтобы не терять слишком много времени, есть некоторые базовые размеры в пикселях, которые считаются безопасными в использовании и рекомендованные как базовые для операционной системы

Пример Chrome

Вот как это применяется в Chrome. Программируемые сенсорные цели отображаются синим цветом.

Как вы можете видеть, обе панели инструментов используют рекомендуемую высоту сенсорной цели для каждой платформы. Также область вокруг изображения — это квадрат 44x44pt и 48x48pt для iOS и Android соответственно. Не только это делает пользовательский интерфейс согласующимся с остальной частью операционной системы в понятиях размеров, но это отличный способ для вас иметь минимальный размер для всего, с чем вы хотите, чтоб пользователь взаимодействовал.

Windows 8 И Chrome OS

Windows 8 и Chrome OS поддерживают как сенсорные, так и бесконтактные интерфейсы. Если вы проектируете для приложения Windows 8, я бы очень рекомендовал следовать их руководствам для сенсорных целей.

Руководство для Chrome OS еще не выпущено, но и использование Pixel (с сенсорным экраном) не большое. Однако, поскольку все приложения Chrome OS основаны на веб, я предложил бы в любом случае проектировать для сенсорных экранов. Моей рекомендацией будет применять руководство Android для сенсорных целей.

Веб, гибридные устройства и будущее

Вам будет ясно, какое принять решение, если вы разрабатываете для мобильных. Делайте для сенсорных экранов. Если вы разрабатываете для настольных компьютеров, выберите несенсорные. Это звучит просто, но это игнорирует новую растущую тенденцию — гибридные устройства.

Гибридным устройством является устройство, которое якобы предоставляет как сенсорное управление, так и несенсорное. Chromebook Pixel, Surface Pro и Lenovo Yoga являются хорошим примером.

Что делать в этом случае? Ну, здесь нет простого ответа, но я забегу вперед и дам один: выберите сенсорное управление. Вот куда будет развиваться технология.

Если дизайн для веб, или чего-нибудь подобного, думайте о сенсорном управлении.

Графическое программное обеспечение

Программное обеспечение не сделает из вас дизайнера, но выбор правильного программного обеспечения для поставленной задачи может сильно улучшить вашу производительность и упростить работу. «Ноу-хау” программного обеспечения не должно быть вашим единственным умением, но обучение и освоение правильного инструмента будет большим вкладом для воплощения ваших идей.

Когда дело доходит до обработки изменения DPI в дизайне интерфейса, все программы работают по-разному. Некоторые из них лучше, чем другие в конкретных задачах. Вот наиболее распространенные:

Photoshop

Мать инструментов проектирования интерфейса. Вероятно, наиболее используемый инструмент сегодня. Для него существует бесконечное количество ресурсов, учебных пособий, статей. Photoshop существует почти с момента возникновения дизайна интерфейса.

Как следует из названия, первая цель программы не была в дизайне интерфейса, а была в ретуши фотографий или растровых изображений. Он развивался в течение года и с рождением дизайна интерфейса, дизайнеры изменили его предназначение. Отчасти это было потому, что они привыкли к нему, и потому, что он был единственной программой, которая была в состоянии сделать вещи так хорошо, как это необходимо.

Так как он изначально основан на растровом изображении, он DPI зависим, противоположно ему Illustrator и Sketch описаны ниже.

Иллюстратор

Векторный редактор, родной брат Photoshop. Как указывает его название, он направлен на иллюстраторов, но его также можно использовать в качестве инструмента дизайна интерфейса.

Иллюстратор подходит для полиграфического дизайна, а поэтому его интерфейс, управление цветом, масштаб, линейки и единицы измерения могут оттолкнуть вас и он требует несколько настроек для того, чтоб его легко можно было использовать только для дизайна интерфейса. Как и Photoshop, это невероятно мощный инструмент, с крутой кривой обучения.

Он отличается от Photoshop тем, что он не зависит DPI за счет основания на векторных формах. В отличие от растровых изображений, графика, сделанная с помощью векторных фигур, опирается на математические формулы и будет пересчитана программно без потери качества.
Понимание разницы между растровым и векторным изображением является ключом к созданию масштабируемого визуального дизайна и графических ресурсов.

Если вы хотите начать работу с использованием Illustrator для веб-дизайна / интерфейса, я рекомендую прочитать»Моя работа с вектором» (англ.) от janoskoos.

Sketch 3.0

Sketch — это новый продукт, по сравнению с Photoshop и Illustrator. Ему только 4 года, эта программа вызвала большой ажиотаж (в хорошем смысле) в индустрии дизайнеров пользовательского интерфейса. Причина в том, что Sketch с самого начала нацелена для использования дизайнерами и дизайнерами опыта пользователя (UX). Без наследия Photoshop или Illustrator Sketch позиционирует себя как прекрасно адаптированный инструмент для ниши пользователей, состоящей из дизайнеров интерфейсов.

Sketch подходит для быстрого создания каркасов а также более сложного визуального дизайна. Он полностью на основе вектора, как и Illustrator, с минимальным и хорошо продуманным интерфейсом пользователя. Сочетание монтажных областей, простота использования и гибкость ее системы генерации графических ресурсов делает его самым быстрым инструментом для мульти-DPI и мульти платформенного дизайна. Недавний выпуск версии 3.0 делают его очень хорошей альтернативой Photoshop.

С другой стороны, Sketch поддерживается меньшей командой и по-прежнему сравнительно молод. Его команда чрезвычайно быстра, но не имеет масштаб Adobe (Photoshop и Illustrator). Sketch предлагает (по дизайну) самый минимум, когда дело доходит до редактирования растровых изображений. Photoshop лучше подходит для такого рода работы. Наконец, в связи с его юностью, ресурсы в виде исходных файлов, учебные пособия и все сообщество на порядок меньше, чем у Photoshop. Как было сказано выше, сообщество очень активно и мотивированно.

Субъективно, я был пользователем Photoshop с тех пор, как я начал работать с дизайном 8 лет назад, но недавно я переключился на Sketch 3.0 в большей части моего процесса проектирования. Это не оценка качества, Photoshop еще чертовски хорошая программа, но он (Sketch) просто удовлетворяет моим потребностям лучше.

Если вы хотите узнать больше о моем конкретном опыте, я рекомендую вам прочитать мою статью Месяц со Sketch 3.0 (англ) или мой «Sketch tutorial_01» (англ).

Хотите погрузиться еще глубже и понять, как векторы работают в Sketch? Переходите к статье @ pnowelldesign «Harnessing vector awesomeness in Sketch».

Запомните: нет идеального инструмента для работы, кроме того, который вам комфортно использовать. Если вы можете себе позволить тратить время и деньги, я рекомендую вам попробовать их все, чтобы составить свое собственное мнение.

Документации и ресурсы

Это руководство только введение, пришло время сделать и узнать больше. Если вы хотите узнать больше или уточнить детали по темам, которые мы обсуждали, вот несколько ссылок (англ):

Источник

Что такое DPI у мыши, и улучшает ли он качество игры?

У вас не возникало ощущения, что мышь тормозит? Или слишком быстро двигается по экрану? В таком случае нужно поменять в настройках мыши параметр DPI.

Если мышь вам нужна для тяжёлых игр или вам нравится внешний вид геймерских мышей, в них встречается термин DPI. Что он означает и почему нужно обращать на него внимание?

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

Как расшифровывается DPI?

Сокращение DPI означает Dots Per Inch, то есть число точек на дюйм. Этот параметр показывает расстояние хода курсора при перемещении мыши. Точка означает пиксели на мониторе.

DPI у мышей не то же самое, что DPI у принтеров. При печати точки связаны с чернилами, а у мышей с пикселями на мониторе.

DPI у мыши указывает количество пикселей, на которое перемещается курсор на экране, когда мышь двигается на один дюйм. Если значение будет составлять 1200DPI, 1 дюйм движения мыши по столу передвигает курсор на 1200 пикселей. Если значение составит 2400DPI, мышь будет передвигаться на 2400 пикселей.

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

Важность параметра DPI в работе

Если вы работаете за компьютером, удобная мышь не помешает. Нужна такая мышь, которая будет перемещать курсор по экрану в соответствии с движением мыши по столу.

Если у вас мышь со слишком низким значением DPI, придётся сделать несколько жестов для достаточного перемещения курсора на экране. Если значение DPI слишком высокое, короткое движение мышью переместит курсор слишком далеко и вы будете промахиваться по кнопкам и иконкам.

Если же значение DPI находится в нужном диапазоне, курсор будет передвигаться без особенных усилий и при этом обеспечивается достаточная точность. Когда вы подберёте подходящую вам мышь, можно будет настроить её для удобной работы.

Важность параметра DPI в играх

В видеоиграх мышь и клавиатура являются ключевыми инструментами ввода. Мышь с хорошим значением DPI может улучшить качество игры.

Высокое значение DPI подходит для геймеров, которым нужно быстрое и внезапное движение без широкого движения запястье. Например, если игровой персонаж поворачивается на 180 градусов для стрельбы при нападении сзади.

Если значение DPI слишком низкое, придётся двигать рукой по всему столу и можно задеть стоящие на нём предметы. Высокое значение DPI позволяет двигать руку на короткие расстояния и это улучшает реакцию.

С другой стороны, низкое значение DPI позволяет обеспечить повышенную точность на уровне пикселей. Если игры в высоком темпе требуют высокого параметра DPI, снайперам помешает, если малейшее движение мышью сбивает прицел. За счёт уменьшения DPI движение мыши перемещает курсор минимально, позволяя повысить точность выстрелов с большого расстояния.

В настройках игр обычно есть ползунок чувствительности мыши. Сначала можно установить значение DPI на мыши, а затем для более тонкой настройки использовать ползунок в игре.

Какое значение DPI нужно установить?

Однозначный ответ на этот вопрос дать невозможно. Вы не сможете выставить какой-то идеальный параметр, чтобы начать добиваться успеха в играх.

Нужно принимать во внимание разрешение монитора. При одном значении DPI мышь будет по-разному вести себя на мониторах с разным разрешением, поскольку на них разное количество пикселей.

Например, если у вас монитор с давно устаревшим разрешение 800 х 600, параметр 800DPI за одно движение мышью по столу перенесёт курсор с левого края экрана на правый. Если же у вас такое же значение 800DPI при мониторе с разрешением 3840 х 2160 пикселей, аналогичное движение мышью по столу переместит курсор на расстоянии в 5 раз меньше.

Поэтому невозможно сказать, что какое-то определённое значение DPI лучше всего подходит для игр. Нужно учитывать разрешение монитора и тип игры. Каждая игра является отдельным случаем, а также у разных людей разные предпочтения. Некоторые профессиональные геймеры отдают предпочтение низким значениям DPI в шутерах, в диапазоне 400-800DPI, чтобы получить максимально плавные движения.

Вы можете приобрести мышь с широким диапазоном DPI. Это даст вам разные варианты, среди которых вы можете подобрать наиболее удобный для вас, вашего монитора и конкретной игры. Затем вы сможете настроить чувствительность мыши в операционной системе и в игре.

На приведённом изображении мышь имеет четыре настройки DPI, которые можно выбрать по одному щелчку. Далее каждый уровень DPI настраивается от относительно низкого значения 500DPI до очень быстрого 7000DPI.

Термин DPI сам по себе мало что говорит, но это важный параметр мыши, который может обеспечить комфорт или неудобство. Теперь вы знаете значение этого параметра и как он может помочь в работе и играх.

Источник

Что такое dpi? 300 dpi – это много?

DPI (dots per inch) используется для физических объектов – экранов, печатных машин, сканеров. Аналогичный ему PPI (pixels per inch) используют для файлов. Правильно говорить PPI (электронная точка – pixel, а физическая – dot), но почти все говорят только DPI – здесь так же.

Что означает фраза «Эта фотография большая – 300 dpi»? Ни-че-го. У фотографии нет дюймов – нет и DPI.

DPI – dots per inch – точки на дюйм

Это пропорция. Она помогает определить третье число, когда известны другие два. Чтобы появился смысл – нужны два числа.

Как ей пользоваться?

dpi = px * 25.4 / mm
px = dpi * mm / 25.4
mm = px * 25.4 / dpi

(25.4 – это перевод дюймов в миллиметры)
Примеры:

1. Сколько точек должно быть в изображении, если его нужно напечатать размером 150х200 мм с разрешением 300 dpi?

Ответ:
px = 300 dpi * 150 mm / 25,4 = 1772 px
px = 300 dpi * 200 mm / 25,4 = 2362 px
Понадобится изображение размером 1772х2362 px

2. Какого максимального размера можно напечатать фотографию в идеальном качестве, если мы снимаем на iPhone 5 (3264х2448 точек)?

Ответ:
mm = 3264 px * 25.4 / 300 dpi = 276 мм
mm = 2448 px * 25.4 / 300 dpi = 207 мм
Фотку с айфона можно напечатать в идеале размером 276х207 мм, что почти А4

3. Какое разрешение у монитора в точках на дюйм, если мы знаем, что по ширине он 1440 точек, а линейка показала 28,5 см?

Ответ:
dpi = 1440 px * 25.4 / 285 mm = разрешение экрана 128 dpi

В файле для интернета не может быть разрешения в точках на дюйм, так как в интернете нет дюймов. Есть только размер в точках.

Откуда берётся DPI? Растровые изображения хранятся в файлах. Форматы графических файлов содержат служебную информацию. В том числе дату и время съемки, модель камеры, диафрагму и т.п. Есть и место под dpi. Оно не может быть пустым. Поэтому даже фотоаппарату приходится что-то туда ставить. Например, 96. Но это не значит, что фотоаппарат что-то этим имеет в виду.

Рассмотрим растровые форматы файлов: где место под dpi есть, где нет.

DPI нет в png, gif – это растровые форматы только для интернета. В интернете дюймов нет, dpi нет.

DPI есть в растровых форматах, которые могут быть напечатаны:

Источник

ИТ База знаний

Курс по Asterisk

Полезно

— Онлайн генератор устойчивых паролей

— Онлайн калькулятор подсетей

— Руководство администратора FreePBX на русском языке

— Руководство администратора Cisco UCM/CME на русском языке

— Руководство администратора по Linux/Unix

Серверные решения

Телефония

FreePBX и Asterisk

Настройка программных телефонов

Корпоративные сети

Протоколы и стандарты

Что такое технология DPI?

Deep Packet Inspection

Привет, друг! Ты, наверное, слышал аббревиатуру DPI. А как это расшифровывается и что это вообще такое? Это сейчас и узнаем.

Онлайн курс по Кибербезопасности

Изучи хакерский майндсет и научись защищать свою инфраструктуру! Самые важные и актуальные знания, которые помогут не только войти в ИБ, но и понять реальное положение дел в индустрии

Что такое DPI?

Обычно функции глубокой проверки пакетов работают на уровне приложений (Application) модели OSI, в то время как традиционная фильтрация пакетов только сообщает информацию заголовка каждого пакета. Другими словами, традиционная фильтрация пакетов была похожа на чтение названия книги без осознания или оценки содержимого внутри.

Как работает DPI?

DPI проверяет содержимое пакетов, проходящих через заданную точку, и принимает решения в режиме реального времени на основе правил, назначенных компанией, провайдером или сетевым администратором, в зависимости от того, что содержит пакет. До недавнего времени фаерволы не обладали вычислительной мощностью, необходимой для более глубоких проверок больших объемов трафика в режиме реального времени.

Глубокая проверка пакетов может проверить содержимое сообщений и определить конкретное приложение или службу, из которой оно поступает. Кроме того, фильтры могут быть запрограммированы для поиска и перенаправления сетевого трафика из определенного диапазона адресов Интернет-протокола (IP) или определенной онлайн-службы, например, такой как Facebook.

Как используется DPI?

Глубокая проверка пакетов также может использоваться в управлении сетью для оптимизации потока сетевого трафика. Например, сообщение, помеченное как высокоприоритетное, может быть направлено к месту назначения раньше менее важных или низкоприоритетных сообщений, или пакетов, участвующих в случайном просмотре Интернета. DPI также может использоваться для регулирования передачи данных, чтобы предотвратить злоупотребление p2p, что улучшает производительность сети.

Также DPI используется для предотвращения проникновения в вашу корпоративную сеть червей, шпионских программ и вирусов. Кроме того, DPI также можно использовать для расширения возможностей интернет провайдеров по предотвращению использования IoT-устройств при DDOS-атаках путем блокирования вредоносных запросов от устройств. Глубокая проверка пакетов также может предотвратить некоторые типы атак переполнения буфера.

Наконец, глубокая проверка пакетов может помочь вам предотвратить утечку информации, например, при отправке конфиденциального файла по электронной почте. Вместо того, чтобы успешно отправить файл, пользователь вместо этого получит информацию о том, как получить необходимое разрешение и разрешение на его отправку.

Техники DPI

Два основных типа продуктов используют глубокую проверку пакетов: межсетевые экраны, в которых реализованы такие функции IDS (Intrusion Detection System – система обнаружения вторжений), как проверка содержимого, и системы IDS, которые нацелены на защиту сети, а не только на обнаружение атак. Некоторые из основных методов, используемых для глубокой проверки пакетов, включают в себя:

Существуют некоторые ограничения для этих и других методов DPI, хотя поставщики предлагают решения, направленные на устранение практических и архитектурных проблем различными способами. Кроме того, решения DPI теперь предлагают ряд других дополнительных технологий, таких как VPN, анализ вредоносных программ, антиспам-фильтрация, фильтрация URL-адресов и другие технологии, обеспечивающие более комплексную защиту сети.

Недостатки DPI

Ни одна технология не является идеальной, и DPI не является исключением. У нее есть несколько слабых сторон:

Помимо проблем конфиденциальности и внутренних ограничений глубокой проверки пакетов, некоторые проблемы возникли из-за использования сертификатов HTTPS и даже VPN с туннелированием. Некоторые фаерволы теперь предлагают проверки HTTPS, которые расшифровывают трафик, защищенный HTTPS, и определяют, разрешено ли пропускать контент.

Тем не менее, глубокая проверка пакетов продолжает оставаться ценной практикой для многих целей, начиная от управления производительностью и заканчивая аналитикой сети, экспертизой и безопасностью предприятия.

Онлайн курс по Кибербезопасности

Источник

Что такое DPI и для чего он используется?

Чтобы понять, как работает DPI и для чего он используется, сначала нужно понять, как передаются и фильтруются пакеты данных. Любая информация, которую вы отправляете или получаете онлайн, разделена на пакеты. Эти пакеты состоят из заголовков и информационной нагрузки, которые сообщают устройствам, откуда и куда они перемещаются.

Ваш роутер, например, защищает ваши устройства, выполняя базовую фильтрацию пакетов, также известную как статическая/безопасная фильтрация. Он проверяет заголовки входящих пакетов на соответствие набору правил (Access Control List), таких как определенные IP-адреса/номера портов источника/назначения, и отсеивает те, которые не соответствуют.

Это хороший способ защиты, но одной фильтрации пакетов теперь уже недостаточно. Хакеры нашли способы обходить их. К тому же, чем больше правил у вашего роутера, тем медленнее он работает, а у некоторых просто не хватает вычислительной мощности, чтобы защитить вас от всех угроз. Вот почему была создана фильтрация DPI.

Что такое DPI?
Это тип фильтрации сетевых пакетов, также известная как полная проверка пакетов. Если статическая фильтрация проверяет исключительно заголовки, то DPI проверяет и заголовок, и то, что внутри пакета. Затем пользователь может отсеять все, что не соответствует его набору правил, например несоблюдение протокола, спам, вирусы или вторжения. Эти правила обычно устанавливаются вами, вашим интернет-провайдером (ISP) или соответствующим сетевым или системным администратором.

Инструменты DPI

Существуют различные методы и инструменты, которые DPI может использовать для поиска и удаления пакетов, которые не соответствуют его правилам фильтрации.

Для чего используется DPI?

Сетевая безопасность. DPI можно применять как систему обнаружения вторжений (IDS) или комбинацию предотвращения вторжений (IPS). Он может определять конкретные атаки, а также другой вредоносный трафик, вызванный вирусами, червями или программами-вымогателями, которые другие инструменты безопасности, возможно, не смогут отследить.
DPI работает подобно антивирусу, но обнаруживает угрозы на сетевом уровне еще до того, как они попадают к конечному пользователю. Например, в больших компаниях DPI может помочь предотвратить распространение вирусов и червей по всей корпоративной сети. Он также может помочь обнаружить использование запрещенных приложений.

Предотвращение потери данных. DPI может не допустить утечку данных. Например, при отправке анонимной информации по почте, DPI может предложить получить разрешение и допуск для ее отправки.

Формирование интернет-трафика или управление сетью. Вы можете использовать DPI для фильтрации трафика и разгрузки сетевого потока. Например, его можно настроить так, чтобы сначала получать приоритетные сообщения. К сожалению, провайдеры часто используют DPI для дросселирования трафика пользователей.

На видео:Простая демонстрация DPI

Цензура в интернете.

Правительство Китая использует DPI для мониторинга и контроля сетевого трафика страны. Это помогает им блокировать нежелательные сайты, социальные сети, чтобы подавлять религиозную или политическую оппозицию.

Целевая реклама. DPI вызывает некоторые проблемы конфиденциальности, потому что знает все про отправителя, получателя и содержимое пакета данных. Эту информацию могут собирать интернет-провайдеры, которые следят за нашим трафиком, а затем продавать компаниям, специализирующимся на целевой рекламе.

Проблемы DPI

DPI — это не безупречный инструмент безопасности. Он представляет множество проблем, и вы должны подумать дважды, прежде чем доверять ему.

Источник

Низкий DPI vs. Высокий DPI

Больше точность, но больше шумов? Или меньше точность, но меньше шумов? Как определиться? Попробуем разобраться.

Начнем с того, что чем более низкий dpi вы используете, тем более низкую точность позиционирования курсора вы получаете. Почему так? Ответ читайте далее.

Например: если вы установите в настройках мыши 200 dpi и внутриигровую чувствительность равную 6, вы получите значительно меньшую точность позиционирования курсора, чем при настройках 8000 dpi с чувствительностью соответственно равной 0.15.

Почему чувствительность во втором случае равна 0.15? Это легко вычислить по формуле:

old_dpi / new_dpi * old_game_sens = new_game_sens;

200 dpi / 8000 dpi * 6 sens = 0.15 sens;

Получим абсолютно одинаковую скорость мыши, при новых настройках dpi.

* Мышь: Logitech G102(203) «Prodigy»

* Разрешение экрана: 1920×1080

Настройки выше сделаны для того, чтобы добиться одинаковой скорости мыши в системе при 200 и 8000 dpi для более точного тестирования. Таким образом получается, что скорость мыши будет примерно одинаковой, но установленное разрешение сенсора при этом будет различным.

Множители скорости мыши в Windows, в соответствии с положением ползунка

1=1/32; 2=1/16; 3=2/8; 4=4/8; 5=6/8; 6=1.0; 7=1.5; 8=2 9=2.5; 10=3; 11=3.5

Замечание: настройки скорости мыши Windows с недавнего времени не влияют на поведение мыши в Quake Champions, по видимому в игру добавили поддержку Raw Input, включенную по умолчанию. Поэтому можете устанавливать ползунок так, как вам удобно.

Вот что происходит на низких и высоких настройках dpi при перемещении курсора с одинаковой скоростью:

На 200 dpi провести ровную линию невозможно, курсор дрожит и создает «лесенку», т.к. количества считываемых точек поверхности просто не достаточно, для точного позиционирования на таком разрешении.

Другое дело 8000 dpi — линия получается почти ровной, а небольшие неровности это, в основном, следствие естественного дрожания руки человека.

Установка высоких значений dpi может помочь как в обычной работе, особенно если вы занимаетесь графикой, так и в играх, особенно в тех моментах, когда требуется точное наведение прицела. К примеру в Quake Champions, если вы стреляете из рейлгана на большую дистанцию, да еще и в узкий проход, то настройки с высоким dpi могут дать вам небольшое преимущество.

Кроме того есть еще один важный момент: чем выше разрешение экрана — тем больше будет заметна дрожь курсора мыши на низких dpi. Например на 4K разрешении монитора, курсор мыши, установленной на 200 dpi, будет при дрожании перескакивать на большее количество пикселей, чем при разрешении монитора FullHD.

В итоге получается, что смысла играть на очень низких настройках dpi, особенно в том случае, если вы можете позволить себе более высокие значения — просто нет. Это не только не дает никакого преимущества, но даже наоборот отнимает его. Разница, конечно, не столь значительная, особенно в таких быстрых играх вроде Quake Champions, где не требуется точной стрельбы на огромные расстояния, как например в Arma III, но все же эта разница есть.

О проблемах, с которыми можно столкнуться на очень высоких значениях dpi читайте в разделе «Дополнительная информация».

Конечно, большинство профи играют на низких значениях, но это скорее дело старой привычки. Иногда, когда приходят новые технологии, от старых привычек приходится отказываться.

Аббревиатура CPI расшифровывается как counts per inch (считываний на дюйм), но пользователи обычно говорят о DPI – dots per inch (точек на дюйм). Это связано с тем, что на экране монитора отображаются «точки», в то время как сенсор в результате своей работе выдает «считывания». Поэтому разница между dpi и cpi состоит исключительно в названии, по факту эти понятия обозначают одно и то же.

Давайте заглянем в сенсор мыши. В нем есть светочувствительная матрица, которая состоит из пикселей и линза с заданным увеличением, через которую на сенсор попадает изображение поверхности. При этом на каждый пиксель матрицы проецируется небольшой участок поверхности. Длина этого участка является минимальным элементом, который может увидеть наша матрица. В этом случае, мы понимаем CPI как «сколько пикселей нашей матрицы помещается в одном дюйме поверхности». Это и есть оптическое или «нативное» разрешение нашей системы. И поверьте, это разрешение гораздо меньше тех цифр, которые заявляются производителями для своих устройств. Например у самых продвинутых сенсоров на данный момент размер матрицы составляет всего 32х32 пикселя (1024 точки), что явно меньше чем заявленные 8000 или 16000 dpi у некоторых производителей.

Как мы можем получить более высокое разрешение? Один из способов — разделение пикселей в нашей матрице на более мелкие фотоэлементы. Однако, в этом случае приходится повышать светочувствительность каждого элемента, что в свою очередь увеличивает уровень шумов на матрице. Постепенно увеличивая количество пикселей вы достигаете определенного предела, при котором информация, получаемая пикселем не позволяет определить параметры движения мыши из-за плохого соотношения сигнал/шум.

Различают высокочастотный и низкочастотный jitter.

Важно понимать, что проблема jitter’a непосредственно связана с разрешением сенсора (dpi/cpi). И это вполне естественно. Чем больше вы поднимаете dpi, тем больше вы получаете ошибок. Приближаясь к шумовому порогу сенсора, система перестает понимать, какой сигнал представляет собой настоящее движение, а какой просто является случайным шумом на матрице.

Как на очень высоких так и на очень низких dpi есть свои слабые стороны в определении шумов. Поэтому настраивать dpi/cpi следует на промежуточные значения.

Выделяют три вида угловой ошибки сенсора: общая угловая ошибка, ошибка «3-сигма» и т. н. «угловая привязка».

Общая угловая ошибка — это систематическое отклонение угла, определяемого сенсором, от реального угла, под которым осуществляется движение мыши. При этом пользователей, как правило, этот вид ошибки не слишком беспокоит (если только она не слишком велика), они естественным образом под нее подстраиваются, даже не замечая, что мышь ведет себя как-то неправильно.

Ошибка 3-сигма — это случайное изменение общей угловой ошибки. Можно сказать, что это «ошибка ошибки». В отличие от общей угловой ошибки, к данному недостатку пользователь практически никак не может адаптироваться. Именно поэтому, величина ошибка «3-сигма» является очень важным параметром, который характеризует точность сенсора.

Угловая привязка. Фактически, угловая привязка означает наличие определенного диапазона углов, в котором наша система выдает строго горизонтальное либо строго вертикальное движение. Эта функция была реализована в некоторых сенсорах, чтобы помочь людям, которые работают в офисных либо графических приложениях, рисовать прямые линии. Но такое поведение мышки может быть неприемлемым для геймеров. Естественным желанием для геймера является «чистый» необработанный трекинг, которой позволяет им лучше чувствовать движения своей руки и быть точным, совершая даже небольшие движения мышью. Потому что при экстремальных значениях угловой привязки, рисуя, к примеру, окружность, на выходе вы можете получить вместо круга некоторое подобие квадрата.

Суть данной проблемы состоит в том, что в некоторых случаях сенсор полностью перестает понимать, куда движется мышь и не выдает никаких считываний. На практике это выглядит так: пользователь ведет мышь, а курсор на экране в какой-то момент останавливается, а затем снова продолжает свое движение.

Технически, пропуск пикселя заключается в том, что сенсор определяет движение, сравнивая между собой фотографии поверхности. И здесь весь смысл заключается в скорости фотографирования. Первыми проблемными мышками с пропуском пикселя были устройства на базе лазерного сенсора Avago 9500 (SteelSeries Xai/Sensei), где скорость фотографирования составляла 12000 кадров в секунду! Большая скорость фотографирования позволила существенно повысить точность сенсора на обычных скоростях, но при медленном движении две последовательные фотографии, сделанные с интервалом 0,000083 секунды (1/12000), становятся практически неотличимыми друг от друга. Поэтому, в последнем поколении сенсоров (например Pixart S3988/PMW3366) скорость фотографирования меняется в зависимости от скорости движения самой мышки: от 3000 до 12000 кадров в секунду.

Источник

Dpi что это такое

Что такое DPI в фотографии

Нужно изменить DPI? Воспользуйтесь программой ФотоМАСТЕР:

DPI в фотографии: что это и зачем нужно

Что такое DPI в фотографии

Количество

Плотность

Пример использования

Форматы изображения DPI

Как узнать DPI изображения

Для чего нужно большое количество точек

Как делать снимки с высоким разрешением

Как изменить DPI изображения

Шаг 1. Загрузите материал

Шаг 2. Произведите обработку (опционально)

Шаг 3. Установите новый размер

Заключение

Что такое DPI в компьютерной мышке – значение для использования

Что такое CPI – чем отличается от DPI?

Когда изменение DPI наиболее заметно?

DPI в популярных моделях мыши

Бытовые мыши

Мыши для использования в офисе

Мышь для игроков

Краткий обзор технологии DPI — Deep Packet Inspection

Основы

Что дальше?

Реализация QoS

Subscriber Management

Зачем это всё надо?

Новая модель услуг

Спецслужбы

Сетевой нейтралитет

DPI на мышке: насколько это важно?

Что такое DPI?

Зачем нужен большой CPI?

Что такое акселерация?

На что действительно стоит обращать внимание?

Руководство для дизайнера по DPI

Что такое DPI и PPI

Влияние на ваш дизайн

Разрешение экрана (и родное разрешение)

Что такое 4k

Что произойдет, если я подключу 4K дисплей к компьютеру

Герцы монитора

Что такое дисплей retina

Что такое множитель

Что такое DP, PT и SP

Настройка PPI

Обработка PPI в iOS

Необходимые графические ресурсы, пример Chrome

Использование PPI на Android

Необходимые графические ресурсы, пример Chrome

PPI Mac и Chrome OS

Необходимые графические ресурсы, пример Chrome

Растягиваемые графические ресурсы

Растягиваемые графические ресурсы на iOS

Растягиваемые графические ресурсы на Android

Сенсорное управление и сенсорные цели

Настольные компьютеры, без сенсорного управления

Размер пальцев

Как применить это к моей дизайнерской работе

Рекомендуемые сенсорные цели для платформ

Пример Chrome

Windows 8 И Chrome OS

Веб, гибридные устройства и будущее

Графическое программное обеспечение

Photoshop

Иллюстратор

Sketch 3.0

Документации и ресурсы

Что такое DPI у мыши, и улучшает ли он качество игры?

Как расшифровывается DPI?

Важность параметра DPI в работе

Важность параметра DPI в играх

Какое значение DPI нужно установить?

Что такое dpi? 300 dpi – это много?

DPI – dots per inch – точки на дюйм

dpi = px * 25.4 / mm px = dpi * mm / 25.4 mm = px * 25.4 / dpi

В файле для интернета не может быть разрешения в точках на дюйм, так как в интернете нет дюймов. Есть только размер в точках.

dpi = px * 25.4 / mm
px = dpi * mm / 25.4
mm = px * 25.4 / dpi