소개

사이트를 만들 때 용량을 줄이는 방법으로 이미지 압축이 있습니다.
어떤 방법이 가장 좋은지 확인해 보았습니다.

검증된 압축 방법

· gulp-imagemin
· imagemin-pngquant
· 이미지 광학
· tinypng
· gulp-tinypng-compress

검증 이미지

· jpeg


・png

검증 결과

jpg
png


아무것도 하지
10,657바이트(10.657KB)
97,660바이트(97.66KB)

gulp-imagemin
10,504바이트(10.504KB)
92,126바이트(92.126KB)

imagemin-pngquant
-----
24,496바이트(24.496KB)

이미지 광학
10,038바이트(10.038KB)
87,165바이트(87.165KB)

tinypng
9,224바이트(10.657KB)
27,254바이트(27.254KB)

gulp-tinypng-compress
9,224바이트(10.657KB)
27,254바이트(27.254KB)

고찰

・화질을 변화시키지 않고 용량을 떨어뜨린다면, 이미지 옵 팀이 제일 안전
・다소 화질 떨어뜨려도 괜찮은 경우는 imagemin-pngquant를 태스크 러너로 움직이는 것이 편하다
・가장 편하게, 많은 용량을 떨어뜨리면 tinypng이지만, 일로 사용하고 있는 공개전의 화상등을 file에 업하는 것이 조금 무서운 생각이 든다
· 그 대신에 gulp-tinypng-compress를 사용해 보았습니다.
1개월 500화상까지(그 이상은 유료)
5MB 이상의 이미지는 압축 불가
tinypng에 등록을 하고, API key를 취득할 필요가 있다...등이라는 점을 고려하면, 조금 번거로울까

마지막으로

때와 경우에 따라 구분하여 구분할 수밖에 없습니다만, 무엇을 사용해 압축할까 생각하는 재료가 되면(자)라고 생각합니다.
또, 이것 이외의 방법을 사용하고 있는 분이 있으면 꼭 가르쳐 주셨으면 합니다.