🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

Этот CSS-свойство image-rendering управляет тем, как браузер масштабирует изображения, чтобы сохранить чёткость линий. Особенно полезно для пиксельных арт и иконок, где важна чёткая графика без размытия при масштабировании. Некоторые значения позволяют браузеру избегать сглаживания и получать резкие границы.

Пример:

img {
  image-rendering: crisp-edges;
}

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.