Почему текст на фотографии становится размытым, когда я уменьшаю изображение?

Недавно я создал сайт, где продаю книги. Я сделал несколько изображений с помощью Canon EOS 550, а затем изменил их размер в соответствии с пространством на веб-сайте, но когда я изменил размер исходного изображения, названия книг стали размытыми. Как я могу сделать свои изображения четкими и читаемыми?

введите описание изображения здесьизображение с измененным размером

введите описание изображения здесьисходное изображение

Концовка у книги захватывающая, очень нравится!

Ответы (2)

Прежде всего, вам нужно использовать хороший алгоритм изменения размера для этого случая. Lanczos или фотошопа Bicucbic optimized for reduction. А затем, чтобы улучшить контраст вокруг букв, вы можете использовать некоторую резкость вывода.

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

Ниже бикуб слева, ланцос справа в двух разных размерах (10% и 20%). Вы видите, что lanczos разделяет буквы вроде Iлучше, чем bicubic. Вы можете прочитать верхнюю строку самого маленького изображения с помощью lanczos, но не с помощью bicubic. Также twentieth editionлучше рендерится с Lanczos. Кроме того , это 2013выглядит красивее, хотя и читабельно.

книга слишком маленькая

Вам нужно увеличить изображение, чтобы прочитать нижние строки. Опять же, lanczos придает Iбуквам вокруг них больше «воздуха». Различия незначительны, но в долгосрочной перспективе могут иметь большое значение, если человек действительно хочет читать больше подобных текстов.

книга больше

Lanczos также позволяет изменять размер книг и страниц с тонкой текстурой с меньшей вероятностью создания искусственной текстуры (муара).

Третье, что следует отметить, это то, что результаты, которые я опубликовал, основаны на сжатом источнике jpeg, который я затем снова сохранил как jpeg, и, возможно, SE снова сжал его. Если вы сохраните все в необработанном виде (tiff/bmp/ppm без сжатия) до последнего момента, а затем используете тонкое сжатие (возможно, даже без потерь), вы также улучшите читаемость.

Я в шоке, это так здорово. Хотел бы я дважды проголосовать за вас.
Да, +1; это то же самое, что я сказал, но иллюстрации действительно имеют значение. :)
Также совет: чтобы служба imgur.com, которую SE использует для хостинга изображений, не подвергалась повторному сжатию, загружайте файлы PNG вместо JPEG. Для небольших файлов сэмплов и т.п. они ненамного больше, так что реальных недостатков нет.
фантастическая иллюстрация!
приятно знать о png :)

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

Алгоритмы, используемые для сжатия изображения, интерполируют информацию из окружающих пикселей. Это предотвращает такие артефакты, как неровные линии ( псевдонимы , в терминологии компьютерной графики), но вносит размытие. Самый простой подход — запустить фильтр повышения резкости (например , нерезкую маску , которая повышает резкость, несмотря на название) после уменьшения размера.

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