为什么Firefox在调整图像大小方面如此糟糕？ [英] Why is Firefox so bad at resizing images?

问题描述

在左边是原始PNG和右侧被版本使用减少到大约一半的一部开拓创新大小< IMG宽度和高度。请参阅[链接已移除]。

为什么在Firefox中调整大小的图像看起来很模糊。有没有什么我可以做的，而不需要改变图像文件。如果图像包含大量的数学或文本，模糊特别讨厌。

'的div类= h2_lin>解决方案

有一个长期bug bug票据与Bugzilla提交有关Firefox图像缩小。最好的解决办法是使用<$ $ $
$ b

最好的解决方法是使用 transform CSS属性将微小的旋转应用于问题图像并强制子像素呈现，详见 Ryan Wheale的答案。

On the left is the original PNG and on the right are versions reduced to roughly half the orignal size using <img width and height. See [Link removed].

Why does the resized image look so fuzzy in Firefox. Is there anything I can do about it without changing the image file. The fuzziness is particular annoying if the image contains large amounts of math or text.

解决方案

There is a longstanding bug ticket filed in Bugzilla related to Firefox image downscaling. You might like to keep an eye on the ticket to track its eventual resolution or contribute a patch yourself if you feel able to.

The best workaround is to use the transform CSS property to apply a tiny rotation to the problem image and force sub-pixel rendering, as detailed in Ryan Wheale's answer.

这篇关于为什么Firefox在调整图像大小方面如此糟糕？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！