Question

左边是原有的PNG,右边是使用<代码>width和的原始尺寸的约一半。


为什么再造的形象看上象吗? 在不改变形象档案的情况下,我能做什么? 如果图像含有大量的数学或文字,则烟zzi就特别令人厌恶。

Answer 1


有一个,在Bugzilla, 提出了与Mostonscaling有关的一张长期包票。 如果你感到能够,你可能会对机票进行跟踪,以跟踪最终解决办法,或作一次保。

最好的工作是使用<代码>transform。 CSS 财产,如

Answer 2

我知道这是很晚的,但你可以采用oh光轮,把火焰推到使图像更好。我试图通过<条码>译文()使图像产生同样效果......没有效果。

CSS

.image-scale-hack {
    transform: rotate( .0001deg );
}

Java

if( "MozAppearance" in document.documentElement.style ) {
    $( .logo img ).addClass( image-scale-hack );
}

I 避免一切代价的浏览器。我借用这名牙齿。 ......

值得注意的是,这种trick光可用于强迫子纤维图像在网基和火ox中形成。这对非常缓慢的估算非常有用,最好以实例说明:
http://jsfiddle.net/ryanwheale/xkxwN/

Answer 3

https://developer.mozilla.org/En/CSS/Image-rendering”rel=“nofollow noreferer”>image-rendering documentation link from the <>/a> 回答中包含使用<代码>image-rendering:optimize Quality的指示, (在我对FF4的测试中纠正了这一问题)——例如:

Answer 4

I think your answer is in the link from above https://developer.mozilla.org/En/CSS/Image-rendering: Currently auto and optimizeQuality are equal by default, both result in bilinear resampling. default value IE8+: bicubic (high quality)

Next see: http://www.codinghorror.com/blog/2007/07/better-image-resizing.html When making an image smaller, use bicubic, which has a natural sharpening effect. You want to emphasize the data that remains in the new, smaller image after discarding all that extra detail from the original image.

我可以考虑几个可能的工作领域,但两者都不简单:

Resize the image on the server. Either serve it up at half size, and allow Firefox to scale it up to full (which presumably it will be ok at), or have different URLs for the different sizes of image.
You may be able to make this work in the browser with plugins (but the example I found doesn t actually do what you need, so I ve removed it).

Answer 5

TL;DR:图像推广不大可能很快固定下来。大约在任何地方。

Longer version:

Eris Brasseur has a page that deals nicely with the broader question "Why is just about any image scaling software so bad?"

http://www.ericbrasseur.org/gamma.html

Since W3C s position on this matter is roughly that it s better to have an incorrect but equally incorrect implementation everywhere, they shun any proper dealing with Gamma (which would complicate matters slightly). Thus anyone accustomed to web standards is likely to continue ignoring Gamma, leading to the effects described by Eric and in this thread. This ensures that even downscaling is far from being well-defined, as Jeff Atwood puts it in an Article linked in another answer.

在这种环境中,像Lanczos thrive 这样的方法,如果他们声称自己厌恶,即使执行不当,其效果也相当好。

In other words, browsers are the software equivalent of McDonald s burgers, and that fact will stay. Its implications need not, but the odds are skewed.

Answer 6

现在(2017年)两年前就关闭了。短期试验:

<>strong>FF, 50%:

<>strong>FF, 25%:

Answer 7

解决这一问题的办法是,把图像编辑的原始形象与理想规模相去甚远,并使用图像,而不在风格上界定其宽度和高度。

友情链接