웹 사이트의 이미지 압축

Question

많은 이미지를 사용하는 웹 사이트를 개발하고 있으며 실제로 속도가 느려집니다. 일부 페이지에서는 수백 개의 이미지를 보여야하므로 지저분 해집니다.

나는 서로 다른 ID를 가진 폴더의 구조를 가지고 있는데, 각 구조는 4-5 개의 이미지를 가지고 있습니다. 그리고 각 이미지는 약 300Kb입니다! 웹 압축에 충분하지 않다는 것을 알고 있습니다.

이 사진을 모두 압축하는 데 필요한 팁이 필요합니다. 구조 폴더의 문제점은 각 폴더를 열고 그림을 내부로 변경해야하며 압축 소프트웨어를 사용하여 동시에 압축 할 수는 없다는 것입니다.

또한 클라이언트 측으로 가기 전에 서버 측에서 그림을 압축하는 방법이 있습니까?

저는 이미지 압축 전문가가 아니므로 많은 도움이 필요합니다!

감사

Answer 1

당신이 맥 OS 나 리눅스 사용자가 명령 행을 사용할 수를 사용하는 경우 :

당신이 많이있는 경우 외부 대량 편집 프로그램을 또한

을 다운로드해야 Windows의

//single image 
convert -quality 70 image.jpg image.jpg 

//folder 
for f in *.jpg; do convert -quality 70 $f $f; done 

당신은 '게으름로드'기술을 사용할 수 있습니다. 필요에 따라 페이지의 일부분로드. 따라서 페이지로드시 이미지 몇 장을로드하고 사용자가 아래로 스크롤하면 아약스는 다른 이미지의 요청으로 요청을합니다.

Answer 2

이미지에 약간의 사랑을주십시오.

find image/path -type f -name '*.PNG' -exec sips -s formatOptions 40 {} \; 

이렇게하면 모든 하위 폴더가 삭제되고 모든 파일이 즉시 작아집니다.