스티미언 여러분 안녕하세요. 스노우입니다. 구글 웹사이트 검색 속도 가이드에 따르면 모든 방문자의 절반은 페이지가 3초 안에 로드되지 않으면 사이트를 떠난다고 합니다.
스팀잇을 사용하다 보면 위의 화면과 같이 이미지가 천천히 로딩되는 경험을 많이 하실거에요. 우리가 작성한 게시글의 이미지 파일의 용량이 너무 크면 로딩 속도가 느려서 저런 현상이 생기는거죠. 쾌적한 환경을 만들기 위해서 저와 함께 이미지 파일을 압축해서 용량을 줄이는 방법에 대해서 알아보도록 하죠 :)
스팀잇의 트래픽을 유발하는 이미지 파일
스팀잇을 사용하다 보면 이미지 파일이 고용량이라 로딩 속도가 너무 느릴 때가 많습니다. 이런 트래픽을 줄이기 위해서 이미지 파일을 리사이징 하기도 하는데요. 오늘은 여러분들을 위해서 이미지 파일의 용량을 줄여주는 압축 사이트 하나를 소개해드리려고 합니다. 주소는 tinypng.com 입니다.
TinyPNG 사이트 이용법
위의 사이트로 접속을 하면 다음과 같은 화면이 뜹니다. 귀여운 팬더 그림 옆에 있는 곳에 .png나 .jpg 확장자의 이미지 파일을 드래그 해서 놓거나 아니면 클릭해서 이미지 파일이 저장된 곳을 직접 선택하면 됩니다. 이곳에서는 사람의 눈으로 구별하기 힘든 color를 압축함으로서 파일 크기를 줄이는 테크닉을 사용하고 있습니다. 제가 직접 이용해보니 실제로 이미지 색깔 변화를 알아낼 수 없더군요. 실제로 PNG 파일을 가지고 실험을 해보았습니다. 126.5 KB였던 이미지 파일이 49.8 KB로 무려 61%나 파일 용량이 줄어들었습니다.
이미지 파일 중 JPG와 PNG 확장자의 차이점
여러분들은 어떤 종류의 이미지 파일을 주로 이용하시나요? 저는 JPG와 PNG 파일을 주로 이용하고 있습니다. 특히 이미지 파일 중에서 PNG 포맷은 JPG에 비해서 깔끔하고 선명한 화질을 보여주나 비손실 압축방식이라서 파일 용량이 상당합니다. JPG 같은 경우는 표준 포맷으로 손실 압축을 사용하고 있어 용량은 작지만 압축 과정에서 이미지의 손실이 일어나게 됩니다. 풍경, 인물 사진에서는 크게 차이가 나지 않는데 텍스트 같은 글자에서는 큰 차이를 보이더군요.
그래서 중요한 이미지는 PNG를 선호하게 됩니다. 다만 PNG 포맷은 용량이 크기 때문에 로딩 속도가 느려지게 됩니다. 그럴 때 이런 이미지 파일 압축 사이트를 이용하면 됩니다. 저 같은 경우에는 스팀잇에 이미지 파일을 올리기 전에 TinyPNG 사이트에서 압축을 한번 한 후에 올립니다. 여러분들도 직접 사용해보시고 비교해보시기 바래요 :)
2017/06/19 추가내용
@yoonjang0707님께서 커뮤니티 신규작가지원팁으로 3 SBD를 입금해주셨습니다. 저는 스팀달러를 스팀의 미래 가치를 위해 스팀파워로 전환하려고 합니다. 좋은 글 많이 써달라는 뜻으로 알고 앞으로 더 열심히 노력하겠습니다. 감사해요!