image-rendering

Базовый уровень Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна во всех браузерах с ⁨января 2020⁩ года.

Атрибут image-rendering подсказывает браузеру, как сбалансировать скорость и качество при обработке изображений.

Передискретизация всегда выполняется в пространстве истинных цветов (например, 24-битном), даже если исходные данные и/или целевое устройство используют индексированные цвета.

Примечание: Атрибут представления image-rendering также имеет аналог в виде CSS-свойства: image-rendering. Если заданы оба варианта, приоритет имеет CSS-свойство.

Этот атрибут можно использовать со следующими SVG-элементами:

<image>

Примечания по использованию

Значение	`auto` \| `optimizeSpeed` \| `optimizeQuality`
Значение по умолчанию	`auto`
Анимируемый	Да

auto: Указывает, что пользовательский агент должен найти подходящий баланс между скоростью и качеством, отдавая предпочтение качеству.
optimizeSpeed: Указывает, что пользовательский агент должен отдавать предпочтение скорости отображения, а не качеству.
optimizeQuality: Указывает, что пользовательский агент должен отдавать предпочтение качеству, а не скорости отображения.

Спецификации

Спецификация
Модуль изображений CSS, уровень 3> # the-image-rendering>
Масштабируемая векторная графика (SVG) 2> # ImageRendering>

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`image-rendering`	13	79	3.6	15	6	18	4	14	6	1.0	3	6

См. также

CSS-свойство image-rendering

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/image-rendering