Любые предложения, как сохранить хорошее качество изображения при изменении размера изображения в 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();
});

Он позаботится об изменении размера картинки...