image-rendering: pixelated;

但目前还不支持：
https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Browser_compatibility
这些方法目前有效，但仅适用于缩减：

image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

这取决于图像的分辨率。如果你放大图像超过分辨率，它会模糊。一种解决方法是使用较大的图像，但将其显示为较小的图像。所以当你放大时，它会保持它的质量（在一定程度上）。This jQuery demo显示了我试图解释的内容：

• Thumbnail Image尺寸：320x215
• Actual Image尺寸：640x429

此示例允许您在不模糊的情况下缩放。