[Web Tip]이미지 압축은 선택이 아닌 필수다

in kr •  7 years ago  (edited)

이미지 압축이 가져오는 효과는 웹(Web)에서 아주 중요하게 작용합니다. 웹 사이트에서 가장 큰 용량을 차지하는 요소 중 하나가 바로 이미지(Image)입니다. 이미지를 압축한다면 트래픽 용량이 감소됨과 동시에 페이지 로딩 속도를 줄일 수 있습니다. 워드프레스, 티스토리 등 블로그나 사이트를 운영하는 분들에게 유용하리라 생각합니다.

이미지를 압축해야하는 이유

앞서 말씀드렸다시피 이미지를 압축하면 트래픽 감소, 로딩 속도 개선 등의 효과가 있습니다. 아, 이렇게 말하면 딱히 이미지를 압축해야할 필요성을 느끼지 못할 수도 있겠네요. 예시를 들어 트래픽이 얼마나 절약될 수 있는지 간단히 계산해보도록 합시다.

하루 페이지 뷰(페이지 조회수)가 1만 뷰입니다. 페이지 로딩 시 불러오는 파일 중 이미지가 7mb 정도를 차지하고 있을 때 각각의 이미지를 압축률 40%로 압축하여 2.8mb씩 줄였다면 2.8 x 10000 = 28000mb, 이론적으로 약 2.8GB의 트래픽을 절약할 수 있습니다. 물론 서버 캐싱, 브라우저 캐싱 등 기능이 적용되면 이미지 압축 vs 비압축의 차이가 더 줄어들긴 하지만, 어쨌거나 사이트 운영자 입장에서는 서버 자원을 크게 절약시킬 수 있는 방법입니다. 또한 줄어든 용량만큼 페이지를 불러오는 시간 역시 줄어듭니다. 모바일 환경에서는 단 1초의 차이가 빠르다, 느리다의 사이를 왔다갔다하는 점을 고려하면 절대 과소평가해서는 안되겠지요. 페이지 로딩 속도는 검색엔진 SEO에도 영향을 줍니다.

이미지 압축하는 방법

이미지를 압축해주는 사이트를 이용해보세요. 이미지를 드래그하거나 업로드하면 무료로 이미지를 압축해줍니다.

https://tinypng.com/

https://www.giftofspeed.com/png-compressor/

http://compressjpeg.com/ko/

이미지 확장자에 따라 지원 여부가 다르니 이 점 주의하여 사용하시기 바랍니다.

읽어주셔서 감사합니다. Thank for reading. @hunsour98
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

스스로 홍보하는 프로젝트에서 나왔습니다.
오늘도 좋은글 잘 읽었습니다.
오늘도 화이팅입니다.!

오 꿀정보 리스팀!

엇 스팀잇 먹방계 하이디님이시군ㅋㅋㅋ 리스팀 감사합니다.

글쓸때 읽는 사람을 위한 배려(?)도 필요하다고 생각이 드네요
특히나 모바일 유입이 많은 요즘은 더더욱 그렇겠죠
좋은 정보 감사드립니다^^ ㅎㅎ
리스팀해두고 참고하겠습니다^^
즐거운 하루 되세요~ㅎㅎ