css - theme - ¿Modo de interpolación de imágenes en Chrome/Safari?

<meta name="theme-color" content="#db5945">

Question

Necesito tener una imagen renderizada con el tamaño del vecino más cercano y no la forma bicúbica que se usa actualmente. Actualmente utilizo lo siguiente:

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

Esto funciona en IE y Firefox, pero no en Chrome y Safari. ¿Hay alguna alternativa de webkit o alguna otra forma de lograr este efecto?

Answer 1

Acabo de intentar esto:

img {image-rendering: pixelated;}

Y funciona muy bien en Chrome 39.0.2145.4 dev-m

Answer 2

Edición: ahora es posible con image-rendering: -webkit-optimize-contrast; .

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

Esto no funciona en las versiones actuales de Chrome, aquí hay algunos enlaces útiles:

• http://vaughnroyko.com/state-of-nearest-neighbor-interpolation-in-canvas/
• Escalado de imágenes mediante CSS: ¿existe una alternativa de webkit para -moz-crisp-edges?

No pensé que había una manera.

Y algunos rápidos de Google, pero todo lo confirma; El resultado principal de Google para la interpolación de imágenes de webkit es:

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

Informó en septiembre de 2008, y aún no se resuelve.

También: https://bugs.webkit.org/show_bug.cgi?id=40881

Si necesitara esto, probablemente escribiría un script PHP para escalar dinámicamente las imágenes usando el vecino más cercano.

Esto funcionará en todos los navegadores, pero luego tendrá todo ese procesamiento adicional y gastos de transferencia.