본문 바로가기

블로그

블로그 고화질 사진 이미지 (jpg, png) 파일의 용량을 줄이자 TinyPng

고화질 이미지 파일의 용량 줄이기 (TinyPNG.com)

페이지 로딩 속도 줄이기

블로그에 글을 쓰다 보면 사진 또는 이미지를 다수 업로드하게 됩니다. 아무래도 사진이 포함된 글이 읽기도 좋고 글 전체의 볼륨을 풍부하게 하는 효과가 있는 것 같아서 저도 이미지를 많이 삽입하는 편입니다. 다만, 페이지에 이미지가 많이 포함될수록 전체 페이지의 트래픽 용량이 증가하여 페이지 오픈 시 응답을 느리게 하는 문제도 발생하게 됩니다. 아무래도 빠르게 열리는 페이지가 사용자에게도 좋은 영향을 줄 테니까요.

 

달팽이 속도로 열리는 페이지를 누가 좋아하겠나 (Pixabay)

또한, 대부분의 사용자가 모바일 6인치 대의 화면으로 사용한다는것을 고려해 보면 고화질의 대용량 이미지 파일의 업로드가 과연 필요한 것인가 하는 합리적인 의문을 제기할 수 있습니다. 개인적으로는 고화질 이미지보다는 손실 압축된 이미지를 사용하여 페이지 로딩 속도를 빠르게 하는 것이 오히려 효과적일 것이라 생각하고 있습니다.

 

페이지 응답속도는 빠르면 빠를수록 좋다. (Pixabay)

png, jpg 이미지 파일의 용량을 더 줄여보자

가장 많이 사용하는 이미지 포맷인 png 와 jpg는 손실 압축 알고리즘을 사용하여 이미지 파일의 용량을 최소화하는 파일 포맷입니다. 압축 이미지 포맷임에도 불구하고 파일에 따라 수 MB의 용량을 차지하기도 합니다. 수 MB 용량의 파일을 블로그에 수십 장 업로드 하기에는 부담이 있습니다. 이러한 jpg 나 png 파일의 용량을 더 줄이기 위해 저는 tinypng.com 사이트를 이용하고 있습니다.

 

https://tinypng.com 

 

TinyPNG – Compress PNG images while preserving transparency

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

tinypng.com

tinypng.com 은 무료이고 회원가입도 불필요

제가 tinypng.com 을 이용하는 이유는 1) 무료이고 2) 회원가입이 불필요한 사이트입니다. 인터페이스도 너무 간단해서 설명이 불필요하다고 볼 수 있습니다. tinypng.com 접속 후 압축할 파일을 화면으로 드래그해서 드롭하면 해당 파일의 용량을 줄인 후 다운로드할 수 있는 링크를 바로 제공해 줍니다.

 

사용법이랄게 딱히 없다. 파일을 끌어다 떨구면 끝

심지어 20개 까지의 파일을 한 번의 드래그 앤 드롭으로 일괄 압축할 수 있습니다. 파일별로 압축 효율도 바로 확인할 수 있습니다. 파일 단위로 다운로드도 가능하고 zip 파일로 일괄 다운로드 기능도 제공하고 있습니다.

 

파일의 압축효율과 다운로드 링크
zip 파일로 묶어서 내려받을수도 있다

블로그 삽입 이미지는 압축 필수

블로그 글에 삽입되는 이미지 파일의 갯수가 많으면 많을수록 SEO 에도 영향을 주는 것으로 추정됩니다. 검색엔진별 알고리즘을 잘은 모르지만 페이지 내에 삽입된 이미지나 동영상의 수가 많다면 콘텐츠의 품부함으로 간주할 수 도 있을 테니까요. 조금은 수고스럽긴 하지만 블로그 삽입 이미지 파일의 용량을 줄이는 작업은 사이트의 빠른 응답을 위해 꼭 필요한 작업이 아닐까 생각해 봅니다.