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

Question

[keche]

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

Есть ли какие то методы css или плагины js, которые могут решить проблему с размытостью изображений при масштабировании?

Answer 1

[Сергей Сергей]

CSI не делится своими технологиями.

В реальности надо подготавливать несколько изображений в различных размерах. А стили или скрипты из списка по размеру выберут подходящий.

Answer 2

[xmoonlight]

<img src="clock-demo-thumb-200.png" 
      alt="Clock" 
      srcset="clock-demo-thumb-200.png 200w, clock-demo-thumb-400.png 400w"
      sizes="(min-width: 600px) 200px, 50vw">

Answer 3

[Дмитрий Гаджиев]

может стоит показывать до масштабирования картинку в одном разрешении, а после в другом?

Answer 4

[Ankhena]

Использовать тег <picture> или media условия или SVG
https://webref.ru/html/picture