代码之家 › 专栏 › 技术社区 › Kasturi

图像渲染的CSS解决方案

image-manipulation css

0

Kasturi · 技术社区 · 16 年前

我尝试过使用图像渲染:opimizequality,optimizespeed CSS,但没有成功。

还有别的出路吗。

谢谢

3 回复 | 直到 16 年前

1

4

Community Mohan Dere 9 年前

根据 image-rendering on MDC 目前只有Firefox 3.6支持。类似的财产, -ms-interpolation-mode ,可用于IE7和IE8。其他浏览器似乎还没有这个功能。

latze mentioned <canvas>

2

0

Latze 16 年前

我只需编辑图片而不是CSS。

试着一步一步地把图片放大一点,同时确保图片不会(我们在丹麦语中称之为“像素化”(pixelate),不确定它是否正确。

3

0

animuson 16 年前

图像的大小不需要调整太多。把图像想象成一个图形,其中每个像素都是图形中的一个正方形。如果你把图像拉长,基本上就是把像素拉长。一些程序尝试为了用他们认为合适的像素填充这些像素,其他人只是把像素放大,其他人只是用相同的像素填充周围的区域,给它一种发光的效果。缩小图像的大小,虽然效果更好,但也会产生同样的效果,因为你只是切掉像素而不是添加它们。我见过的大多数程序都会将像素挤在一起,将像素中的任何颜色组合在一起。如果你有一个高细节的图像,那么砍掉像素会让它看起来很恐怖。没有真正安全的方法来确定哪些像素需要保留以保持整体图像的圆滑。大多数具有缩放功能的网站都有一个更大的图像,该图像的大小已经缩小,它们允许您缩放以查看更大图像的详细信息。一些人甚至得到了大量详细的和较小的预览一个单独的图像。