Chrome, FireFox 및 Safari에서 PNG 이미지가 다르게 렌더링 됨

크롬, 사파리 및 파이어 폭스에 다음 PNG를 표시 할 때 차이가 있습니다. 여기 Chrome, FireFox 및 Safari에서 PNG 이미지가 다르게 렌더링 됨

크롬, 사파리, 파이어 폭스 (Mac의 모든) (왼쪽에서 오른쪽)의 스크린 샷이다.

Screenshot

나는이 간단한 뭔가 (내가 아마 알아야 할)를 될 것입니다 확신하지만, 근본 원인을 확인 할 수 없었다.

도움 주셔서 감사합니다.

밥

2011-03-22 rcravens

거기에 알파 채널이 있습니까? 아마도 사파리가 무시하고/지원하지 않습니다. –

이미지를 다시 저장합니다. 방금했는데 문제가 해결되었습니다 (포토샵에서 다시 저장했습니다). 무엇이 그 원인이 될지 모르겠다. –

@Dotmister. 재미있게, 방금 다시 저장했는데 FireFox와 Safari가 모두 어두운 버전을 렌더링하지만 Chrome은 여전히 색이 바랜 버전을 렌더링합니다. http://bobcravens.com/demos/temp/logo.png – rcravens

은 사파리가 PNG에서 마 덩어리를 무시하는 것 같습니다. PNG 파일에서 gAMA 청크를 제거함으로써 스크린 샷에서 Safari와 동일한 이미지를 보여주는 Firefox를 얻습니다.

2011-03-22 19:36:08 Anomie

거의 확실하게 감마 문제 및/또는 알파 채널 문제입니다.

여기에서 브라우저 지원을 테스트하십시오. http://entropymine.com/jason/testbed/pngtrans/

해결 방법 : "간단하게"포맷 (BMP 또는 GIF)에 이미지를 저장하고 PNG로 재수출.

2011-03-22 19:40:22 leonbloy

답변