블로그 및 웹 애플리케이션과 같은 디지털 콘텐츠에 사용되는 사진이나 그림은 때에 따라서는 화질보다는 이미지 파일의 크기가 더 중요한 고려사항이 될 때가 있습니다. 그뿐만 아니라, 일반 회사생활에서도 많은 분량의 보고서나 PPT에 들어가는 이미지 파일의 크기가 문제를 유발할 때가 종종 있습니다.
오늘은 이미지 파일 크기를 줄이는데 많이 사용되는 TinyPNG에 대해서 알아보겠습니다.
1. 홈페이지
TinyPNG – Compress WebP, PNG and JPEG images intelligently
Make your website faster and save bandwidth. TinyPNG optimizes your WebP, PNG and JPEG images by 50-80% while preserving full transparency!
tinypng.com
2. 이미지 파일 사이즈 줄이는 원리
TinyPNG.com에서 설명한 이미지 파일 사이즈 줄이는 원리는 아래와 같습니다.
- TinyPNG는 스마트 손실 압축 기술을 사용하여 WEBP, JPEG 및 PNG 파일의 파일 크기를 줄입니다.
- 이미지의 색상 수를 선택적으로 줄임으로써 데이터를 저장하는 데 필요한 바이트 수가 줄어 듭니다.
- 예를 들면, PNG(Portable Network Graphics) 파일을 업로드하면 이미지의 유사한 색상이 결합됩니다. 이 기술을 "quantization(양자화)"라고 합니다.
- 색의 수를 줄임으로써 24비트 PNG 파일을 훨씬 더 작은 8비트 인덱스 컬러 이미지로 변환할 수 있다.
- 불필요한 메타데이터도 모두 제거됩니다.
- 결과적으로 투명성을 100% 지원하는 더 나은 PNG 파일이 제공됩니다.
3. 소프트웨어 사용 비용
TinyPNG는 무료/유료 사용자로 다른 서비스를 제공합니다.
무료사용자는 다음과 같은 제한이 있습니다. 가끔씩 사용하기에는 무료 사용자도 사용하기 충분합니다.
- 이미지는 총 20개까지 제공
- 이미지 파일 크기는 5Mb이하만 허용
위의 제한 사항 이상으로 사용하기 위해서는 "PRO" 사용자가 되어야 합니다.
"PRO" 사용자는 다음과 같은 비용이 발생합니다.
- 사용자당 1년 사용료 : $39
"Pro" 사용자 혜택은 다음과 같습니다.
- Unlimited usage for $39 per user
- Drag-and-drop more than 20 images
- Upgrade 5 MB to 75 MB file size limit
- Detailed statistics on Analyzer tool
- Lots of hugs from Panda George
4. 실제로 사용해보기
사용법은 매우 단순합니다.
- 홈페이지에 방문하여 파일을 업로드 (여러 개의 이미지 파일도 한 번에 작업 가능)
- 이미지 파일 크기가 줄어든 새로운 이미지를 다운로드 (여러개의 파일은 압축 파일로 다운로드할 수 있음)
실제 얼마나 효과가 있는지 제 블로그에 썸네일사용한 이미지 파일로 테스트해보았습니다.
원래 파일 크기는 938.4KB였습니다.
압축 후 이미지 크기는 132.8KB로 약 86% 감소하였습니다. 색감이 약간 변한 것을 관찰할 수 있습니다만, 색감 변경보다 이미지 파일 크기 감소 효과가 훨씬 크기 때문에 TinyPNG를 통한 결과물을 사용하는 것이 더욱 효과적인 것 같습니다.
제가 가지고 있는 다른 이미지들도 테스트해본 결과 대략 50~70%의 효과가 있었습니다.
5. 사용 후기
- 제 블로그 썸네일로 시험을 해보았지만, 생각보다 훨씬 큰 효과를 볼 수 있었습니다.
- 저는 앞으로 TinyPNG를 통해 이미지 파일 크기를 줄인 후에 블로그에 그림을 포함시킬 생각입니다.
- 블로그에 모바일환경 하에서 접근하는 비중이 크기 때문에 접근성 향상 측면에서 큰 도움이 될 것 같습니다.
- 여러분들도 한번씩 써보세요.