파이어 폭스에서 이미지 크기를 조정할 때 좋은 이미지 품질을 유지하는 방법에 대한 제안이 있으십니까?

Question

Chrome과 비교하여 Firefox의 이미지 크기가 매우 나쁩니다. 품질이 더 나쁩니다. 이미지의 배경이 투명 할 때 매우 두드러집니다.

이미지 크기를 조정 한 후 파이어 폭스에서 좋은 품질을 얻을 수있는 방법이 있습니까? 자바 스크립트 솔루션이 필요한 경우에도 사용할 수 있습니다.

같은 이미지를 여러 크기로 여러 번 생성하는 것을 피하기를 원합니다.

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(); 
}); 

그것은 사진의 크기를 조정 돌볼 것 ...