PNG изображения выглядят размытыми в Google Chrome

Question

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

Итак, поскольку я купил новый ноутбук (который, как мне кажется, не является проблемой, но в любом случае это ноутбук HP Pavilion 14), все PNG, которые я загружаю на определенный сайт, частью которого я являюсь, являются своего рода размытым (не совсем размытым, но немного неровным?). Похоже, этого не происходит с фотографиями других участников, только мои не отображаются правильно.

В любом случае это необходимо, я редактирую свои фотографии с помощью Photoshop CS6 (уменьшая их до 800x480 px и добавляя эффект Paint Daubs), затем загружаю их на imgur и, наконец, публикую их на сайте.

Вот как выглядит картинка при предварительном просмотре

А вот как выглядит картинка при публикации

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

Кто-нибудь знает, почему это происходит? Это ошибка в Chrome (потому что картинки лучше выглядят на Firefox) или на сайте?

Answer 1

В этой публикации на форуме есть та же проблема с разрешением:исправление размытых изображений браузера в Chrome и FireFox

Вы знаете, в чем проблема? Очевидно, мой размер шрифта на панели управления Windows в разделе «Параметры дисплея» был равен «Средний 125%», и браузеры неожиданно начали учитывать размер шрифта операционной системы и увеличивали целые страницы, включая изображения, которые делали их размытыми и пикселированными. Вы можете легко изменить это значение на 100%.

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