Размытая веб-графика на смартфоне — двойной размер изображения или разрешение?

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

Нужно ли мне:

  1. удвоить размер изображения и программно уменьшить его вдвое
  2. увеличьте разрешение (например, с 72 до 300).

Насколько я понимаю, последнее влияет только на печать, а не на цифровые экраны.

Сталкиваются ли другие с этой проблемой, и если да, то какой рекомендуемый обходной путь?


person Clarus Dignus    schedule 29.07.2015    source источник


Ответы (2)


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

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

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

person hungerstar    schedule 29.07.2015
comment
Что касается DPI печати (для печати из Интернета, как вы описали), подходит ли обычное 72DPI и считаете ли вы его оптимальным с точки зрения размера файла? - person Clarus Dignus; 29.07.2015
comment
Я бы оставил его там пока. В конечном счете, это зависит от вас, назначения ваших ресурсов изображений и потребностей вашей пользовательской базы (будут ли они печатать вашу страницу из-за ресурса изображения?). Если ресурсы изображения важны для контента, и у вас есть отличное изображение, вам может быть важно, что такое DPI, поскольку пользователь может печатать страницу для ссылки на данные и изображение. Хотя вы всегда можете предоставить ссылку на изображение с более высоким разрешением, чем то, которое указано на самой странице. - person hungerstar; 29.07.2015
comment
Нет, ничего необычного. Я основываю свой вопрос на общих/средних/обычных требованиях к веб-сайту. Спасибо за понимание. Вы спасли меня от необоснованного увеличения размера моего файла, суеверно создавая изображения с разрешением 300–500 точек на дюйм. - person Clarus Dignus; 29.07.2015
comment
Без проблем. Самое простое, что можно сделать, это распечатать страницу с ресурсом изображения и посмотреть, устраивает ли вас текущий DPI. - person hungerstar; 29.07.2015

Двойной размер изображения.

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

увеличение разрешения — довольно сложный вопрос. Печать/цифровой/dpi/ppi; он может работать на множестве устройств, но не на всех.

person 3pic    schedule 29.07.2015
comment
Спасибо за краткий и оперативный ответ (+1). Я получил немного больше пользы от выбранного ответа. - person Clarus Dignus; 29.07.2015