Если я возьму изображение 4k и изменим его размер в фотошопе (с качеством 100%), а затем сравню два изображения на веб-странице
<img src="my-4k.jpg" width="1000px">
<img src="resized-4k.jpg" width="1000px">
, тогда измененное изображение из фотошопа выглядит более размытым, чем одно масштабируется браузером.
То же самое, если используются другие инструменты обработки изображений, а не только фотошоп.
Как браузер масштабирует изображения до гораздо лучшего качества?