Режим интерполяции изображений в Chrome / Safari?

Question

Мне нужно сделать изображение с изменением размера ближайшего соседа, а не бикубическим способом, который используется в настоящее время. В настоящее время я использую следующее:

ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;

Это работает в IE и Firefox, но не в Chrome и Safari. Существуют ли альтернативы webkit или любой другой способ достижения этого эффекта?

Answer 1

Редактировать: Теперь это возможно с image-rendering: -webkit-optimize-contrast;.

https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Examples

Это не работает в текущих версиях Chrome, вот несколько полезных ссылок:

• http://vaughnroyko.com/state-of-nearest-neighbor-interpolation-in-canvas/
• Масштабирование изображений с помощью CSS: есть ли альтернатива webkit для -moz-crisp-edge?

---

Я не думал, что есть выход.

И какой-то быстрый поиск в Google, но только подтверждает это; лучший результат Google для интерполяции изображений webkit :

http://code.google.com/p/chromium/issues/detail?id=1502

Сообщено в сентябре 2008 г. и до сих пор не решено.

Также: https://bugs.webkit.org/show_bug.cgi?id=40881

---

Если бы мне это понадобилось, я бы, вероятно, написал сценарий PHP для динамического масштабирования изображений с использованием ближайшего соседа.

Это будет работать в любом браузере, но тогда у вас есть все дополнительные затраты на обработку и передачу.

Answer 2

Я только что попробовал это:

img {image-rendering: pixelated;}

И это прекрасно работает на Chrome 39.0.2145.4 dev-m