Прошу вас не обижаться на меня, если в ходе теста окажется, что место вашего монитора на помойке. Кстати при помощи этого теста можно проверить не только монитор компьютера, но и качество картинки на вашем смартфоне.
1. При 100% - ЧЕГО?! Страницы Браузера? Ну ЕСТЕСТВЕННО картинка с бОльшим разрешением в таком случае будет мылится - она же ужата. Или у вас экран более 2К пикселей по ширине?
Смотреть надо каждую картинку при ЕЁ - картинки - 100% масштабе.
2. Ещё следует учитывать кратность уменьшения картинки. Если, например, поле для текста в блоке равна 600пкс, то: - картинка шириной в 600пкс будет 100% чёткой (то есть, чёткость картинки в блоке страницы будет зависеть от чёткости именно самой картинки); - картинка шириной в 1200пкс может заиметь мутность (ведь ей придётся свои 2пкс умещать в 1пкс блока); - картинка шириной в каком-то диапазоне между 600пкс и 1200пкс - будет самой мутной из трёх (её ужатие будет сравнимо с тем, как если бы 7 человек пытались уместить на 3-4 стула).
То есть, на экране большее разрешение картинки - не значит лучше. Оно должно быть ПОДХОДЯЩИМ. Аккуратные Блогеры, например, ставят в коде фиксированную ширину для картинки и, соответственно, под эту ширину прикидывают, какой ширины загружать саму картинку.
1. Телефон. 1-я картинка четко, вторая - нет.
2. Ноут. при масштабе 100% в хроме, первая мутновато, вторая норм. при масштабе >100% - первая четко, вторая - нет.
100%
400%
поди разбери
Reply
Reply
Reply
Reply
Reply
Reply
Reply
Reply
Ну ЕСТЕСТВЕННО картинка с бОльшим разрешением в таком случае будет мылится - она же ужата. Или у вас экран более 2К пикселей по ширине?
Смотреть надо каждую картинку при ЕЁ - картинки - 100% масштабе.
2. Ещё следует учитывать кратность уменьшения картинки. Если, например, поле для текста в блоке равна 600пкс, то:
- картинка шириной в 600пкс будет 100% чёткой (то есть, чёткость картинки в блоке страницы будет зависеть от чёткости именно самой картинки);
- картинка шириной в 1200пкс может заиметь мутность (ведь ей придётся свои 2пкс умещать в 1пкс блока);
- картинка шириной в каком-то диапазоне между 600пкс и 1200пкс - будет самой мутной из трёх (её ужатие будет сравнимо с тем, как если бы 7 человек пытались уместить на 3-4 стула).
То есть, на экране большее разрешение картинки - не значит лучше. Оно должно быть ПОДХОДЯЩИМ.
Аккуратные Блогеры, например, ставят в коде фиксированную ширину для картинки и, соответственно, под эту ширину прикидывают, какой ширины загружать саму картинку.
Reply
Leave a comment