이미지를 인터레이스 할 때

일반적으로 gif 인터레이스, png 인터레이스 및 jpeg 프로그레시브를 만드는 것이 적절한시기는 언제입니까?

특히 웹에 이미지를 게시 할 때.

• JPEG : 예 — 프로그레시브 스캔을 사용 합니다. 파일을 더 작게 만들고 ( 각 패스마다 자체 Huffman 테이블을 얻음 ) 부분 렌더링이 상당히 좋아 보입니다.

• GIF : 아니요 — 파일을 더 작게 만들 가능성이 낮고 부분 렌더링이 좋지 않으며 animGIF에는 무의미합니다. GIF를 전혀 사용하지 않는 것이 가장 좋습니다 ( 예, 애니메이션에도 적용됨 ).

• PNG : 아니요 — 압축에 문제가 있습니다 (각 패스의 데이터가 통계적으로 상당히 다르기 때문에). 이미지가 큰 경우에는 가능하면 고품질 JPEG 또는 손실 이있는 PNG를 사용하십시오. 무손실 큰 PNG의 픽셀 화 된 미리보기보다 빠르게로드 될 수 있습니다.

ImageOptim 은 파일을 더 작게 만들 때 프로그레시브 / 인터레이스 형식을 자동으로 변경합니다.

nitpickers에 대한 면책 ​​조항 :

• 중소형 이미지의 경우 각 이미지의 점진적 미리보기가 사용자가 감상 할 수있을만큼 오래 보이지 않을 것입니다. 일부 브라우저는 전체 파일이 다운로드 될 때까지 아무것도 렌더링하지 않기 때문에 전체 페이지를 최대한 빨리로드하기 위해 대역폭을 절약하는 데 집중하는 것이 좋습니다.
• 비 프로그레시브 JPEG는 파일이 작을 때 (작은 축소판) 좀 더 효율적이지만 절약도 작습니다.
• iOS Safari는 기본 JPEG의 최대 허용 이미지 크기가 프로그레시브보다 높지만 올바른 솔루션은 우선 모바일에 적합한 크기로 이미지를 제공하는 것입니다.

내 일반적인 경험 법칙 : 인터레이스를 사용하지 마십시오. 인터레이스 형식은 일반적으로 더 많은 공간을 차지하고 (약간) 더 복잡하고 디코더에서 지원이 적으며 사용자 경험에 대한 주장 된 이점은 적어도 논란의 여지가 있습니다. PNG 및 일반적으로 일부 인수 .

어떤 사람들은 점진적으로로드되는 인터레이스 또는 "프로그레시브"이미지를 좋아합니다. 이러한 형식의이면에있는 이론은 사용자가 모든 비트가로드되는 동안 이미지에 대한 퍼지 전체 크기 프록시를 볼 수 있다는 것입니다. 실제로 사용자는 모든 비트가로드되는 동안 이미지에 대해 퍼지 전체 크기 프록시를 확인해야합니다. 끝났어? 글쎄, 약간 흐릿 해 보인다. 아 잠깐, 이미지 상단이 좀 더 자세하게 보이네요. 아마도 지금 끝났을 것입니다. 그래도 여전히 약간 흐릿합니다. 아마도 사진 사는 삼각대를 사용하지 않았을 것입니다. 아 잠깐, 지금 정리되는 것 같습니다 ...

인터레이스 이미지는 약간 덜 효율적이지만 네트워크를 통해 전송 될 때 클라이언트 측에서 더 짧은 지연 후에 나타납니다. IMHO 이미지의 예상 다운로드 시간이 사용자가 인식 할 수있을만큼 충분히 길 때 (예 : 1 초 이상) 사용해야합니다. 파일 크기의 차이는 매우 작으므로 너무 조심스럽게 인터레이스를 사용하는 것이 너무 적기보다는 너무 많이 사용하는 것이 좋습니다.

2012 년 현재 일반 광대역 인터넷에서는 100kb 이상의 모든 이미지에 사용합니다.

이 점은 유용해야합니다.

인터레이스 (보다 일반적으로 프로그레시브 디스플레이)는 모니터에 이미지를 표시하는 방법입니다. 언제 사용합니까? 귀하의 결정은 다음 요소를 기반으로해야합니다.

•> 비 인터레이스 이미지는 비 인터레이스 이미지보다 작습니다.
•> 인터레이스 이미지는 비 인터레이스 이미지보다 깜박임이 적습니다.
•> 인터레이스 이미지는 훨씬 더 쉽게 볼 수 있습니다.

인터레이스는 모든 데이터가 전송되기 전에 사진을 볼 수있게하여 (더 빠르고 더보기 좋게 보이게 함) 더 빨리 다운로드되는 느낌을줍니다.

팁 : 인터레이스는 작은 이미지에는 권장되지 않지만 뷰어가 느린 연결을 사용하는 경우 필수입니다.

이것은 이해하는 데 도움이 될 것이라고 생각한 Y 답변의 사본입니다. 원래 답변은 https://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8 에서 찾을 수 있습니다.

내 2 페 네스를 논쟁에 던지기 위해 : 인터레이스 는 인터넷 속도가 느 렸을 때 몇 년 전에 도입되었습니다. 이미지가 점점 더 정의 된 방식으로 나타나고 기다리지 않고도 이미지에 전체적인 모양과 느낌을 제공한다는 아이디어입니다. 전체가로드됩니다.

오늘날 인터 레이싱은 기본적으로 불필요하며 전송되는 이미지의 전체 크기에 따라 사용해야합니다.

JPEG 이미지 이미지 에 대한 프로그레시브 스캔 은 전체 파일 크기를 줄이면서보다 정교한 이미지를 제공합니다 (즉, 이미지를 구성하는 비트에 대한 스트리밍 방법이 아니라 실제 압축 모드입니다).

PNG 는 GIF 보다 더 복잡한 알고리즘을 사용합니다 .

웹 마스터에 대한 흥미로운 관련 게시물이 있습니다.

/webmasters/574/progressive-jpeg-why-do-many-web-sites-avoid-rendering-jpegs-that-way-pros

그것은 그들이 어떻게 사용될 것인가에 달려 있습니다.

이 게시물은 프로그레시브 이미지에 대한 제한적인 정품 지원이 있음을 시사합니다. 때로는 프로그레시브 형식을 지원하지 않는 플러그인에 문제가 발생할 수 있습니다.

도움이 되었기를 바랍니다.