이미지를 인터레이스 할 때
일반적으로 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 보다 더 복잡한 알고리즘을 사용합니다 .
웹 마스터에 대한 흥미로운 관련 게시물이 있습니다.
그것은 그들이 어떻게 사용될 것인가에 달려 있습니다.
이 게시물은 프로그레시브 이미지에 대한 제한적인 정품 지원이 있음을 시사합니다. 때로는 프로그레시브 형식을 지원하지 않는 플러그인에 문제가 발생할 수 있습니다.
도움이되기를 바랍니다.
참고 URL : https://stackoverflow.com/questions/13449314/when-to-interlace-an-image
'programing' 카테고리의 다른 글
| 내 경로가 404를 반환합니다. 어떻게 해결할 수 있습니까? (0) | 2020.10.25 |
|---|---|
| Windows 캐리지 리턴은 \ r \ n 두 문자 또는 한 문자로 구성됩니까? (0) | 2020.10.24 |
| 지연 대 약속 (0) | 2020.10.24 |
| jQuery / Ajax-$ .ajax () 콜백에 매개 변수 전달-사용하기에 좋은 패턴? (0) | 2020.10.24 |
| 항상 스마트 포인터를 사용하는 것이 좋은 습관입니까? (0) | 2020.10.24 |