본문 바로가기
생활/블로그

[블로그] 이미지 용량 줄여서 블로그 컨텐츠 로드 속도 높이기.

by _BlankSpace 2018. 3. 4.

블로그로 많은 사람들한테 정보를 주고 좀 더 자신의 블로그를 알리고 싶은 사람이라면

좀더 많은 사람들이 자신의 블로그에 방문했으면 하는 마음이 있을 것입니다.


이때, 중요한 것은 아무래도 블로그 컨텐츠 로드 속도가 빨라야 많은 사람들이 오래 머물지 않을까 생각이 드네요.

그 이유는 블로그를 찾는 사람들이 빠르게 글이 뜨지 않으면, 바로 창을 닫기 때문입니다.


기다리는 걸 싫어하는 우리나라 특성때문에 인터넷이나 배달 속도도 빠르게 발전하지 않았나 싶습니다.


여튼, 이러한 블로그 컨텐츠를 빠르게 로드하기 위한 팁 한 가지를 소개하고자 합니다.

바로 이미지 용량 줄이기 입니다!


이미지 용량 줄이는 게 사이트 속도에 무슨 상관인지 궁금하실 수 있습니다.

사실 사이트를 불러올 때는 이미지를 불러오게 되는 데, 이미지 용량이 클수록 다운로드 되는 속도는 느리기 때문에

사이트 로드 시간은 늘어나겠죠?


그럼, 이미지를 간단히 줄여보는 방법을 소개하겠습니다.


첫 번째로는 이미지 사이즈를 줄이는 것입니다.

방법은 아주 간단합니다.

다음 이미지로 설명하겠습니다. 해당 이미지는 무료 이미지로 다음 포스팅을 참고하시면 무료 이미지를 얻는 데 편하실 수 있습니다.


이미지 파일을 마우스 오른쪽으로 클릭하여 그림판 편집으로 들어갑니다.

기본 이미지 용량은 3.13MB입니다. 굉장히 용량이 큰 사진으로 테스트하였습니다.



백분율에서 가로/세로 비율을 줄이면

상당량의 그림 크기를 줄일 수 있습니다.

저는 75/75로 변경한 결과, 이미지 용량은 2.15MB가 되었습니다.


두 번째로는 이미지의 확장자를 JPEG로 변경하는 방법입니다.

이미 JPEG라면 어쩔 수 없지만, 보통 캡처하거나 고화질 이미지는 PNG일 경우가 많습니다.

PNG는 대부분 고화질이기 때문에 JPEG/JPG로 변경하면 상당량의 이미지 용량 줄임 효과를 얻을 수 있습니다.


PNG -> JPEG로 확장자를 변경하였습니다.

그 결과, 이미지 용량은 385kb가 되었네요.


위의 두 가지 방법으로 3.13MB -> 385kb 까지 줄였는데요. 대략 80%이상 줄인 것이라고 할 수 있겠네요.

이 방법은 이미지의 크기를 더 작게 줄일수록 엄청난 효과를 얻을 수 있습니다.

블로그 컨텐츠 로드 속도도 향상하는 데 큰 도움이 되겠죠.


확실히, 저도 이 방법을 사용하면서 더 빠른 것을 느낄 수 있었습니다.

많은 도움 되길 바랍니다.



댓글