그레이 스케일의 망막 디스플레이의 이미지 렌더링

Question

사용자 정의 개발 전자 상거래 웹 사이트에서는 큰 이미지를 사용하여 판매 할 제품의 고품질 사진을 표시합니다. 이러한 이미지를 에 렌더링하면 (Microsoft Surface 기기는 물론)이로드되는 동안 색상으로 물리기 전에 먼저 흑백 이미지로 나타납니다. (네트워크 조절을 사용하면 재현하기가 더 쉽습니다.) Safari, Firefox 및 Chrome의 최신 버전에서이 작업을 수행하고 있습니다. 브라우저가 이미 다운로드 한 그레이 스케일 데이터를 표시하기로 결정했기 때문에 이것이 가능한지 궁금합니다. 그래서 최종 사용자는 가능한 한 빠른 것을 봅니다.

다른 말로하면 이미지를 천천히 다운로드하면 브라우저에서 흑백 이미지 버전을 먼저 표시합니까?

Answer 1

대답은 '예

더 많은 정보는 한마디로 here 을 찾을 수 있습니다 :-), 우리는 망막 화면에 대한 더 큰했다 순차적 JPEG 파일을 사용하고 있었다. 더 커질수록 이미지로드 속도가 느려지므로 대부분의 브라우저는 YCbCr 레이어의 흑백 레이어를 먼저 표시 한 다음 첫 번째 색상 레이어와 두 번째 색상 레이어를 표시합니다. 이 규칙의 예외는 f.i입니다. IE11 (here 참조).

순차적 JPEG 대신 순차 JPEG를 사용하여이 문제를 해결했습니다.