Получатся что браузер меняет размер картинки лучше сохраняя качество, чем программа в которой вы уменьшаете её самостоятельно? Может просто использовать другую программу, которая уменьшит размер фото более качественно?
Программа, в которой я уменьшаю, это Фотошоп. Он делает полюбому лучше. Но собственно, я уже уменьшил до 1800, дальше - не уменьшение, а особенности вывода картинок в вебе.
В целом да, браузеры сейчас стали намного лучше ресайзить при выводе, чем раньше. Ну и с появлением ретин вообще «попиксельное» мышление теряет смысл - теперь важнее скорее оптическое разрешение на экране, т.к. на ретинах глаз не видет пикселей.
Да нет, не качественней. Но достаточно качественно (если говорить о современных браузерах) для того, чтобы на это можно было забить. На ретинах же это вообще не имеет значения (теоретические возможные артефакты ресайза съедаются размерами файла и невидимостью пикселя глазу), а будущее все-таки за ретинами.
Ну так, а зачем мы тогда сохраняем исходное изображение уменьшая его с помощью html? Оно тяжелее грузится (что не мало важно когда кто-то размещает, например, фотоотчет с 10-ми фото), и после этого ресайзится с помощью браузера который, как вы сами говорите "Да нет, не качественней. Но достаточно качественно...", может заранее сделать качественный ресайз самостоятельно?
А вообще можно скоро уже будет начинать использовать для подобных задач (отображение картинки на экранах разной плотности) тег , который уже начниает поддерживаться новыми версиями браузеров.
Это всё к тому что такой эффект который вы показали, я думаю будет работать исклюительно для экранов повышенной плотности изображения, а остальные пользователи будут тянуть лишний трафик.
Так ради ретин все и делается, естественно. Их уже настолько много, что игнорировать нельзя (особенно с учетом распространенности айфонов и айпадов на ретине). И за ними будущее.
Да, браузер меняет размер картинки качественней. Совершенно понятно, почему. Берём одну и ту же картинку: A = 1000x1000, 1 мегабайт JPEG, качество 85% B = 2000x2000, 2 мегабайта JPEG, качество 85%
Выводим на экран картинку B, ограничивая её размер через
( ... )
> Улучшение при сохранении количества пикселей на обычном экране невозможно.
Возможно для lossy-алгоритмов, например, для JPEG. Который очень любит вместо того, чтобы сохранить цвет пикселя цвет пикселя несколько утратить, объединив его с соседями.
В итоге маленькая картинка с большим качеством будет выглядеть хуже, чем большая картинка с меньшим качеством, уменьшенная до размеров маленькой картинки.
Вот живой пример. Четыре картинки, две 100x100, две 50x50, все показываются в 50x50 пикселях. Рядом с картинкой указано качество каждой картинки при сохранении в JPEG, и её размер в байтах.
Может просто использовать другую программу, которая уменьшит размер фото более качественно?
Reply
В целом да, браузеры сейчас стали намного лучше ресайзить при выводе, чем раньше. Ну и с появлением ретин вообще «попиксельное» мышление теряет смысл - теперь важнее скорее оптическое разрешение на экране, т.к. на ретинах глаз не видет пикселей.
Reply
Reply
Reply
Кстати, интересно было-бы проверить в разных браузерах...
Reply
Reply
А вообще можно скоро уже будет начинать использовать для подобных задач (отображение картинки на экранах разной плотности) тег
, который уже начниает поддерживаться новыми версиями браузеров.
Reply
Reply
Reply
Reply
Reply
Reply
Берём одну и ту же картинку:
A = 1000x1000, 1 мегабайт JPEG, качество 85%
B = 2000x2000, 2 мегабайта JPEG, качество 85%
Выводим на экран картинку B, ограничивая её размер через
( ... )
Reply
(The comment has been removed)
Возможно для lossy-алгоритмов, например, для JPEG. Который очень любит вместо того, чтобы сохранить цвет пикселя цвет пикселя несколько утратить, объединив его с соседями.
В итоге маленькая картинка с большим качеством будет выглядеть хуже, чем большая картинка с меньшим качеством, уменьшенная до размеров маленькой картинки.
Вот живой пример. Четыре картинки, две 100x100, две 50x50, все показываются в 50x50 пикселях. Рядом с картинкой указано качество каждой картинки при сохранении в JPEG, и её размер в байтах.
100x100 as 50x50,
q 30%, 3848 bytes
( ... )
Reply
(The comment has been removed)
Leave a comment