@keche

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

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

Есть ли какие то методы css или плагины js, которые могут решить проблему с размытостью изображений при масштабировании?
  • Вопрос задан
  • 727 просмотров
Пригласить эксперта
Ответы на вопрос 4
hahenty
@hahenty
('•')
CSI не делится своими технологиями.

В реальности надо подготавливать несколько изображений в различных размерах. А стили или скрипты из списка по размеру выберут подходящий.
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
<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">
Ответ написан
Комментировать
gds1
@gds1
Пыха - это наше всё)))
может стоит показывать до масштабирования картинку в одном разрешении, а после в другом?
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Использовать тег <picture> или media условия или SVG
https://webref.ru/html/picture
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы