GZipped 이미지-가치가 있습니까?


34

대부분의 이미지 형식은 이미 압축되어 있습니다. 그러나 실제로 이미지를 가져 와서 압축하면 (압축) 압축 된 이미지와 압축되지 않은 이미지를 비교하면 큰 차이는 없지만 크기에 차이가 있습니다.

문제는 이미지를 gzipping 할 가치가 있습니까? 클라이언트 브라우저로 플러시되는 컨텐츠 크기는 더 작지만 압축을 풀 때 약간의 클라이언트 오버 헤드가 발생합니다.

조언 부탁드립니다.


2
서버 병목 현상이 CPU보다 네트워크에서 더 가깝다면 반드시 확인하십시오. 그렇지 않으면 매달린 과일이 더 적을 수 있습니다.
Konerak

답변:


28

Google은 페이로드 크기 최소화 에서 gzip 및 이미지 / 이진 파일을 참조합니다.

이미지 또는 기타 이진 파일에 gzip을 사용하지 마십시오.

웹에서 지원하는 이미지 파일 형식과 비디오, PDF 및 기타 이진 형식은 이미 압축되어 있습니다. gzip을 사용하면 추가적인 이점이 없으며 실제로 더 크게 만들 수 있습니다. 이미지를 압축하려면 이미지 최적화를 참조하십시오 .


favicon.ico는 언급 할 가치가있는 예외입니다. ICO 이미지는 압축되지 않으므로 gzip이 잘 수행됩니다.
고양이

6

이는 클라이언트 압축 해제 리소스 (시간, 처리 능력, 메모리 등) 또는 네트워크 대역폭이 더 중요한 요소에 달려 있습니다.

예 1) 클라이언트 시스템이 서버에 매우 가까우거나 (예 : 로컬 네트워크) 고속으로 연결되어 있지만 전력이 매우 낮습니다 (아마도 리소스가 제한된 내장형 시스템). 클라이언트 쪽 오버 헤드 (un-gziping)를 원하지 않으며 전송 오버 헤드를 쉽게 감당할 수 있습니다 (몇 바이트 만 있으면 로컬 네트워크의 실제 환경에는 아무런 차이가 없습니다).

예 2) 클라이언트는 모두 고성능의 시스템 (예 : 평균 사무용 워크 스테이션)이지만 수천 대가 있으며 서버의 대역폭 할당이 제한되어 있습니다. 이 시나리오에서 최종 사용자는 오버 헤드를 쉽게 감당할 수 있으며 모든 바이트는 서버에 중요합니다. gzip 떨어져!

실제) 이미지를 압축하는 것이 낫지 않을 것입니다. 그러나 실제 시스템이 누군가가 휴대 전화 나 다른 저전력 시스템을 사용할 것으로 예상한다면 최신 시스템은 처리 능력을 충분히 확보 할 수 있습니다. 또한 수신자가 수신자의 압축을 풀 수 있다는 제한을 부과하고 있습니다. 대부분의 경우 문제가되지 않지만 왜 누군가를 제한합니까? 크기 절약은 사소한 것이며 처리 오버 헤드는 어떤 시스템에도 적용되지 않습니다. 크기 절약 효과가 클수록 프로세서 오버 헤드가 더 커지므로 일반적인 연결 유형을 통해 전송시 저장하면 gzip을 사용 가능한 것으로 처리하는 데 걸리는 시간에 따라 다시 생성 될 수 있습니다.

가장 좋은 방법은 더 높은 옵토마이 제이션 및 대체 이미지 형식을 조사하는 것입니다. 모든 JPEG가 동일하게 생성되는 것은 아닙니다. 예 : Photoshop에서 이미지를 jpeg로 저장 한 다음 "웹 및 장치 용으로 저장"을 jpeg로 저장하면 파일 크기는 동일한 품질 설정으로 크게 달라야합니다. 또한 "저장"옵션은 미세 조정 품질 및 파일 크기를위한 더 많은 옵션을 제공합니다. GIF와 같은 "날짜"형식을 두려워하지 마십시오. 이미지가 GIF 형식의 제한 내에서 잘 표시되면 훨씬 작을 수 있으며 투명성과 같은 추가 이점을 제공합니다.


자세한 답변 감사합니다. 내가 말하는 시나리오는 전자 상거래 웹 사이트에서 부분적으로 최적화 된 수백만 개의 기존 이미지와 관련된 시나리오입니다. 따라서 클라이언트 쪽에서 빠른 렌더링 이 가장 우선 순위가 높으며 클라이언트 시스템의 전원이 평균적으로 낮다 는 것이 분명 합니다. 다른 형식으로 저장하는 것은 옵션이 아닙니다 [거대한 투자]. 가장 좋은 해결책은 폴더에있는 모든 jpeg 파일을 최적화 할 수있는 도구를 사용하는 이와 같은 [기존 이미지]와 같은 경우입니다. 그러한 도구에 익숙하십니까?

JPEG를 최적화하는 jpegtran이라는 무료 명령 줄 유틸리티가 있으며 폴더의 모든 이미지를 일괄 처리하여 조사 할 가치가 있습니다.
팀 분수


0

Trimage은 (에 따라이 이미지를 최적화수록 좋은 등에 관한 것입니다 OptiPNG, pngcrush그리고 jpegoptim내가 기억하는 경우). pngcrush배포의 일부로 직접 사용 하는 경우가 많습니다 ( 예 :

$ for i in *.png; do pngcrush -rem allb -brute -reduce $i crushed/$i; done;
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.