iPhone/iPad의 Safari에서 크기 조정시 알파 채널 PNG의 세로 줄무늬

Question

iPhone/iPad의 Safari에서 두 손가락을 사용하여 알파 채널이있는 PNG가있는 웹 페이지를 확대/축소하면 명백한 렌더링 오류 (수직 줄무늬)가 있습니다. 특정 확대/축소 수준.

누군가이 문제에 대한 해결책을 알고 있습니까?

품 : http://i56.tinypic.com/2m47o8n.png

는 미늘 : http://i56.tinypic.com/2v3q6mo.png이 장치에서 랜더링 사이즈는 원래 이미지의보다 약간 큰 경우 이미지 (단지 약간 업 스케일링 될 때 발생되는 샘플링 아티팩트를 보인다

Answer 1

그레이 스케일 PNG 형식의 Safari 버그입니다. 이미지를 팔레트 또는 24 비트 RGB로 변환하여 피할 수 있습니다.

잠시 동안이 버그를 보지 못했지만 현재 iOS 버전에서 수정 된 것 같습니다.

Answer 2

치수). 아마도 렌더링 엔진의 버그 일 것입니다.

해결 방법은 이미지에서 알파 채널을 제거하는 것입니다 (모든 픽셀이 불투명하기에 충분하지 않으며 실제로 알파 채널이없는 PNG 여야 함). 아직 투명성을 유지하는 해결 방법을 찾을 수 없었습니다.