Изображения слишком гранулированные

Question

В чем причина зернистости изображений в документах HTML?

Я отсканировал несколько документов и создал соответствующие изображения JPEG со следующими свойствами: Размер изображения: 2452 x 3508 пикселей
разрешение: 300x300 ppi
JPEG, RGB

и включил их в документ HTML с помощью: <img src="image.jpg" height="100%" />
Я открыл веб-страницу на большом мониторе и на ноутбуке.

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

Как включить изображение в документ HTML без потери качества?

Answer 1

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

Повторно отсканируйте изображение с использованием более низкого значения DPI и не пытайтесь отобразить 8-мегапиксельное изображение в окне браузера.

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

Answer 2

Попробуйте удалить height="100%" из тега изображения.

<img src="image.jpg" />