图像渲染的CSS解决方案

图像渲染的CSS解决方案,css,image-manipulation,Css,Image Manipulation,我在网站上有一个可缩放的图像。当图像被放大到很大程度时,它看起来非常尖锐和丑陋 我尝试使用图像渲染:opimizequality、optimizespeed CSS,但没有成功 还有别的出路吗 谢谢我只想编辑图片而不是CSS 尝试一步一步地将图片放大一点,同时确保图片不会(我们在丹麦语中称之为“像素化”(pixelate),不确定它是否正确) 这可以通过从Gimp商店到Photoshop的各种图像编辑程序来完成。我只需编辑图片而不是CSS 尝试一步一步地将图片放大一点,同时确保图片不会(我们在丹

我在网站上有一个可缩放的图像。当图像被放大到很大程度时,它看起来非常尖锐和丑陋

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

还有别的出路吗


谢谢

我只想编辑图片而不是CSS

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


这可以通过从Gimp商店到Photoshop的各种图像编辑程序来完成。

我只需编辑图片而不是CSS

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

这可以在从Gimp商店到Photoshop的各种图像编辑程序中完成。

根据,
图像渲染目前仅在Firefox 3.6中受支持。IE7和IE8也有类似的属性,
-ms interpolation mode
。其他浏览器似乎还没有这个功能

因此,最好的办法是编辑图像本身,将其缩放到所需的级别。我不确定,但您可以尝试使用
执行所需的插值。

根据,目前只有Firefox 3.6支持
图像渲染。IE7和IE8也有类似的属性,
-ms interpolation mode
。其他浏览器似乎还没有这个功能


因此,最好的办法是编辑图像本身,将其缩放到所需的级别。我不确定,但您可以尝试使用
执行所需的插值。

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

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

哦!我刚刚又读了一遍这个问题,意识到我已经回答了这个问题,就好像你的问题是放大时图片没有锐化一样-对不起:)哦!我又读了一遍这个问题,意识到我已经回答了这个问题,就好像你的问题是放大时图片没有锐化一样-对不起:)你在哪个浏览器中尝试过?firefox。。。如果它只适用于firefox,我没问题。你在哪个浏览器中尝试过?firefox。。。如果它只适用于firefox,我没问题