저는 캔버스 요소를 사용하여 Chrome에서 WebP 이미지 형식을 시험 중입니다. MDN에서 나는 toDataURL
이 결과 이미지의 품질을 나타내는 두 번째 인수를 허용한다는 것을 알았습니다.toDataURL을 사용하여 무손실 WebP 이미지를 만드는 방법은 무엇입니까?
캔버스 요소의 무손실 WebP 이미지를 생성하고 싶습니다. 그러나 품질 (의미 100 %)에 대해 1
을 전달하면 정확하게 동일한 픽셀을 얻지 못합니다. 그것은 마치 손실 된 이미지를 생성하는 것 같습니다.
여기에 테스트 케이스가 있습니다 : http://jsfiddle.net/Nf5ve/1/. PNG 이미지를 그릴 때 특정 픽셀의 특정 색상 값은 40입니다. 자체적으로 캔버스의 100 % 품질 WebP 이미지를 그린 후에도 동일한 값이 37로 변경되었습니다. 이는 나에게 무손실로 보이지 않습니다. 나는 100 %의 품질을 통과했지만.
toDataURL
무손실 WebP 이미지를 만들 수 있습니까? 그렇다면 어떻게해야합니까?
다시 확인하기 위해 원본 PNG에 투명도가 있습니까? –
@Jacob Foshee : 아니오, http://lorempixel.com의 임의 사진입니다. – pimvdb