블로그를 하다보면 이미지와 사진은 필수적으로 다루게 됩니다. 멋진 사진블로그를 운영하시는 분들도 계시고, 정말 아기자기하게 서명까지 달아가면서 꾸미시는 분들이 많으시죠. 그런데 이쁘게 꾸미는 것도 물론 중요하지만, 용량을 최적화 하는 것이 더 중요합니다. 대한민국은 인터넷 강국이기에 이까짓 데이터가 무슨 상관이겠냐 만은, PC라면 괜찮지만, 아직까지 모바일은 무한요금제로 사용하고 계신 분들이 많지 않기 때문에 이미지 다운용량을 고려해 방문자들을 배려하는 것이 좋습니다. 그리고 이미지 용량이 작아야 페이지 로딩이 빠르다는 것은 상식이니까요.
그렇지만 화질이 저하되면서 까지 용량을 줄이는 것은 원하지 않죠. 그래서 화질과 이미지용량 둘 다를 놓치지 않는 접점을 찾는 것이 중요합니다. 오늘은 이미지 화질을 저하시키지 않으면서 용량도 최적화 시킬 수 있는 방법에 대해서 소개할까 합니다.
먼저 아래 링크를 클릭해서 Tynipng 사이트로 이동합니다. 해당 사이트는 voormeida라는 회사에서 제공하는 웹사이트로, 이미지를 최적화할 수 있는 기능을 제공합니다.
그럼 위와 같은 페이지를 볼 수 있습니다. 팬더가 대나무를 먹으면서 반기고 있네요. 영어를 잘 모른다고 하여도, 대문에 PNG와 JPEG에 대해서 얘기하고 있다는 것은 파악할 수 있습니다. 그럼 사용방법에 대해서 알아보도록 하겠습니다.
사용방법
사용방법은 매우 간단합니다. 용량을 줄이고자 하는 이미지나 사진이 들어있는 폴더를 열어놓은 다음, 페이지 상단에 보이는 점선박스 안에, 변형하고자 하는 이미지, 사진 파일들을 끌어다가 놓습니다. (드래그&드롭)
그럼 위와 같이 자동으로 이미지 용량이 최적화 됩니다. 보시면 대략 72%정도 용량이 줄어드는 효과를 보실 수 있습니다. 여러 파일을 한꺼번에 용량을 줄이신 경우에는 아래에 있는 (1) Download all 버튼을 누르시면, 하나의 압축파일로 한꺼번에 다운로드 하실 수 있고, 개별파일 우측에 있는 (2) Download 링크를 누르시면 개별파일을 다운로드 하실 수 있습니다.
파일당 용량제한
참고로 1파일당 최대용량은 5MB입니다. 프로버전을 이용하시면 이러한 제한이 없지만, 그럴필요까지는 없구요. 무료버전만 이용하더라도 충분히 좋습니다. DSLR이나 미러리스로 사진을 찍으신 경우, 사진용량이 5MB는 훌쩍 넘죠. 이 경우에는 먼저 포토스케이프를 이용하셔서 사진용량을 조금만 줄여주시면 됩니다. 포토스케이프가 뭔지 모르시거나 설치되어 있지 않으신 분은 아래링크를 통해서 설치하시면 됩니다. 사진이나 이미지 편집 프로그램 중 가히 최강자라고 불릴만큼 가볍고 파워풀한 기능을 제공하는 프로그램입니다.
그럼 포토스케이프를 이용해서 5MB가 넘는 사진을 줄여서 작업을 한 번 해보도록 하겠습니다.
Photoscape 이용하여 사진크기 줄이기
먼저 포토스케이프를 열고 상단에 '사진편집' 탭을 선택한 뒤에 편집하고자 하는 파일을 끌어다가 놓습니다. (드래그&드롭) 위 파일은 미러리스로 찍은 사진으로 보시다시피 사이즈는 4592 X 3064이고, 용량은 6.5MB입니다.
아래에 있는 '기본' 탭 메뉴에서 '크기조절' 을 누르시면 팝업메뉴가 뜹니다. 이 중에 '가로조절'을 선택하세요.
사실 사이즈는 원하시는 크기로 줄이면 되지만, 최근에 네이버가 메인페이지 사이즈를 가로 1080px로 변경하였죠. 그래서 블로그에 이미지나 사진을 올리실 생각이시라면, 가로를 1080px로 해주시면 충분합니다.
하단에서 사진 가로 사이즈가 1080임을 확인 하신 후에 우측 하단에 있는 '저장'버튼을 눌러주세요.
그리고 나타나는 팝업창에서 '저장' 버튼을 눌러서 저장합니다. 사진의 경우 카메라에서 JPEG로 저장이 되는데, 아래 옵션영역에 보면, JPEG저장품질이라고 나와 있습니다. 100%보다는 95%정도로 해주면 사진품질도 별 차이가 없고 용량은 좀 많이 줄일 수 있습니다. 따라서 95%정도로 저장하시길 추천합니다.
위 그림을 보시면, 4592 X 3064 사이즈의 6.5MB용량의 사진이 1080 X 721의 197.5KB로 변경된 것을 확인하실 수 있습니다.
사진 화질 비교
사진 화질도 물론 비교를 해봐야겠죠. 위의 판다 이미지는 자체적으로 홍보하는 사진입니다. '이미지 화질에는 변화가 없고 용량은 획기적으로 줄였다'라고 홍보하는 것이죠. 물론 자체적으로 테스트를 해봐야겠죠?
최근에 구글에서 Guetzli라는 사진변환 프로그램을 선보였는데, Command창에 직접 명령어를 입력해서 변경해야 하는 프로그램입니다. 아직까지는 이용하기가 불편하죠. 호기심에 테스트 해보았지만, 아직까지는 실망적이었습니다. 테스트용으로 넣어둔 이미지의 경우 잘 되었지만, 일단 변환 속도가 매우 느립니다. 그리고 자체적으로 테스트해본 결과 용량이 작은 이미지만 되고, 일부 이미지의 경우 용량이 늘어나기도 하더라구요.
아무튼 TinyPng에서 변환한 이미지를 가지고 자체 테스트한 결과를 살펴보도록 하겠습니다.
위의 사진 중 좌측이 원본 이미지 입니다. 6.4MB의 용량이고 우측이 최적화된 이미지로 용량이 119KB입니다. 꼬리표를 달아놓지 않았더라면, 어떤 것이 원본인지 아실 수 있으신가요? 아래가 최적화된 이미지입니다. 한 번 감상해보세요~ (창경궁 야간개방 때 찍은 사진입니다.)
본 글이 도움이 되셨다면
아래 ♡공감버튼 클릭
부탁드립니다~
'Blog > TIPS' 카테고리의 다른 글
| 네이버 웹마스터도구에 사이트맵 등록하기 (0) | 2017.03.31 |
|---|---|
| 사이트맵 잘못 만들면 나만 손해 (2) | 2017.03.30 |
| 블로그글 드래그시 선택영역 색상 변경하는 방법 (0) | 2017.03.09 |
| SyntaxHighLighter 최신버전 설치 및 사용방법 (0) | 2017.03.08 |
| 티스토리 초대장 없이 블로그 만드는 방법 (0) | 2016.07.27 |