如何防止模糊图像像素化？

时间：2014-10-21 13:55:42

标签： image browser pixelate

我正在显示调整为250x250px的10x10px图像。在这种情况下，我希望像素化，但似乎正在发生的是，像素化被浏览器弄得模糊，试图改善像素化图像的视觉质量。有没有办法禁止某些图像发生这种情况？

Expected vs. Actual Pixelation Results

这似乎是一个＆＃34;功能＆＃34;浏览器，因为不同的应用程序，如预览（Mac）将显示清晰的像素化，而Finder（Mac）将显示模糊的像素化。

我想在PHP或HTML5中找到一种方法来强制清晰的像素化。

感谢您的帮助！ ：）

1 个答案:

答案 0 :(得分：1)

当你要调整img的大小时，你应该寻找“bicubic”并使用css。

<html>
   <head></head>
    <body>
        <img src="Untitled.bmp" style="width:500px; height:500px;
                                        image-rendering: -moz-crisp-edges;
                                        -ms-interpolation-mode: bicubic;"></img>
    </body>
</html>

这个链接可以帮助您理解不同的技术： Image Interpolation

我希望能帮到你。

BR

相关问题
最新问题