워드프레스를 운영하다 보면 서버의 용량이 한정되어 있기 때문에 블로그 글을 쓸 때 사진 용량 최적화 작업을 해야 합니다. 원본 사진을 그대로 사용한다면, 글 몇 개에 서버의 용량이 현저하게 줄어드는 것을 볼 수 있을 겁니다. 이를 어떻게 해결하는지 알아보겠습니다.
사진 확장자 webp에 대해서
보통 PC에서 사진의 확장자 하면 떠오르는 단어가 ‘JPG, PNG’ 등을 떠올릴겁니다. 하지만 구글이 인터넷에서 사진 로딩 속도를 빠르게 하기위해 만든 확장자 포멧이 바로 이 ‘webp’입니다.
이 확장자를 사용하게 되면 파일의 용량이 현저하게 줄어들 뿐 아니라, 화질은 거의 유지가 되기 때문에 한정된 서버 용량을 운영하는 우리 유저들에게는 필수라고 해도 과언은 아닐 겁니다.
이전에 네이버나, 티스토리는 이런 용량에 전혀 신경을 쓰지 않았지만, 워드프레스를 운영하는 입장에서는 틀릴겁니다. 그리고 블로그 페이지에 사진의 파일 용량이 크면 로딩 속도도 많이 느려져서 구글 SEO 관점으로 좋은 영향을 끼치지는 않습니다.
포토스케이프 프로그램 소개
포토스케이프는 사진 편집을 쉽게 하기 위해 만든 MOOII 테크라는 회사에서 만들었습니다. 한국의 회사이며, 무료 프로그램입니다. 저는 사용하면서도 무료 프로그램 치고는 정말 좋은 프로그램이라고 생각했었습니다.
편집은 물론 여러사진의 일괄 편집, 이어붙이기 등 좋은 기능들이 많이 있습니다. 모자이크 처리도 쉽게 되고, 장점이 너무 많은 프로그램입니다. 제일 좋은 것은 사진의 확장자를 webp로 바꿔주는 기능이 있어서 매우 유용하다고 볼 수 있습니다.
그럼 어떻게 확장자를 바꾸는지 한번 보도록 하겠습니다.
포토스케이프 프로그램 설치
포토스케이프는 네이버나 구글에 ‘포토스케이프’ 검색을 하시면 제일 상단에 나옵니다. 거기에서 다운 받으시면 됩니다. 무료 이니 부담갖지 마시고 설치해 보시기 바랍니다.
프로그램을 실행시키면 하기와 같이 나옵니다.
왼쪽에 폴더와 해당 폴더를 클릭하면 하기에 폴더 안에 있는 사진이 있습니다. 그것을 드레그 하셔서 편집을 하시면 되고, 캡쳐 한 화면이 있다면 가운데 까만색 화면에 붙여 넣기를 하셔도 됩니다.
사진 용량 줄이기
이제 사진을 직접 어떻게 줄이는지 알려드리도록 하겠습니다.
먼저 제가 작업할 사진의 정보 입니다.
JPG 확장자의 사진이며 용량은 1.9MB정도 됩니다. 이 사진이 어느정도의 용량으로 줄어드는지 또한 화질의 차이가 있는지 한번 보겠습니다.
위에서 말씀 드린 화면에 사진을 끌어다 놓습니다.
사진편집에서 사진을 끌어다 놓은 다음에 오른쪽 밑에 ‘저장’ 버튼을 누릅니다. 그러면 하기와 같은 화면이 뜹니다.
- 1번을 보시면 JPEG와 WEBP 저장 품질을 결정 할 수 있습니다. WEBP를 보시면 되는데, ’70’이 기본으로 셋팅되어 있고, 개인이 조절할 수 있습니다. 70 이하로 하게 되면 사진에 따라 화질이 저하 될 수 있으니, 미리보기 기능으로 한번 확인을 해보시기 바랍니다.
저는 주로 ’70’ 또는 ’80’ 으로 사용을 합니다. - 미리보기 옆에 용량이 품질을 70으로 했을 때의 용량입니다. 최초 1.9MB 에서 339KB로 줄어든다는 표시입니다.
- 그다음 다른이름으로 저장을 눌러 주시기 바랍니다.
여기서 확장자를 바꿔주고 저장 버튼을 눌러야 합니다. 확장자를 안바꾸면 이전 사진 그대로 저장이 됩니다. 유의 하시기 바랍니다.
위의 사진은 용량을 줄이기 전과 후의 모습입니다. 화질의 차이가 거의 없습니다. 확대해서 봐야 표시가 날 정도 입니다. 다음은 용량의 변화를 보겠습니다.
위 사진의 확장자를 보시면 webp로 바뀌었고, 연결 프로그램도 ‘chrome’으로 바뀌어 있습니다.
그다음에 용량을 보시면 334KB로 낮추어져 있습니다. 용량이 1900KB(1.9MB)에서 334KB로 현저하게 낮아진 겁니다.
대략적으로 80%의 용량을 줄인 셈입니다.
제가 소개해 드린 방법은 하나의 사진만 편집했을 경우 이고, 일괄 편집 기능을 이용하시면 여러 장의 사진을 한꺼번에 바꿀 수 있습니다. 한번 해보시기 바랍니다.
지금까지 포토스케이프로 사진 용량을 어떻게 최적화 하는지에 대해 알아 보았습니다. 보통 사진의 용량을 줄이기 위해 ‘TINYPNG’ 사이트를 많이 이용하셨을 겁니다.
이 프로그램을 이용하시면 구글의 최적화 된 사진으로 바꿀 수 있습니다. 이 확장자 자체가 구글에서 만든 것이기 때문입니다.
맛집이나 여행 블로그를 운영하시는 분들이라면 꼭 한번 이용해 보시기를 추천 드립니다. 감사합니다.