有什么建议如何在Firefox中调整图像大小时保持良好的图像质量？

Question

与chrome相比，firefox调整图像非常糟糕。质量更差。 当图像具有透明背景时，这是非常明显的。

在调整图像大小后，是否有办法在firefox中获得高质量？ 即使它需要javascript解决方案，我也可以忍受。

我只是想避免以不同的尺寸多次创建相同的图像。

Answer 1

查看jQuery picture。

用法：您声明了一个“图片”元素：

<figure class="responsive" data-media="assets/images/small.png" data-media440="assets/images/medium.png" data-media600="assets/images/large.png" title="A Half Brained Idea">
    <noscript>
        <img src="assets/images/large.png" alt="A Half Brained Idea">
    </noscript>
</figure>

初始化插件：

$(function(){
    $('figure.responsive').picture();
});

它将负责调整图片的大小......