"이미지는 천 마디 말보다 더 많은 것을 전달한다"는 이야기로 시작할 수 있지만, 그건 너무나 당연한 사실입니다. 누구나 알고 있기에 오늘날 텍스트만으로 이루어진 웹 콘텐츠를 찾아보기란 거의 불가능합니다. 문제는 이미지가 텍스트보다 파일 크기가 훨씬 크다는 점입니다. 페이지 로딩 속도가 그 어느 때보다 중요해진 지금, 경쟁에서 앞서려면 웹에 맞게 이미지를 최적화해야 합니다.
그런데 두 번째 문제가 있습니다. 웹에 업로드할 때마다 이미지를 일일이 최적화하는 것은 지루하고 반복적인 작업입니다. 특히 매주 여러 글을 발행해야 하는 블로거라면 더욱 부담스럽습니다. 해답은 자동화이며, 워드프레스 사이트를 운영한다면 이를 도와주는 플러그인이 바로 있습니다.
자동화된 이미지 최적화
PixPie는 미디어 라이브러리에 업로드되는 이미지를 실시간으로 자동 최적화해 주는 워드프레스 플러그인입니다. 자동 생성되는 모든 썸네일도 함께 처리됩니다. 한 번만 설정해 두면 사용자가 손댈 필요 없이 백그라운드에서 모든 작업이 자동으로 진행됩니다.
PixPie는 지능형 손실 압축(intelligent lossy compression) 방식을 사용하기 때문에 결과물은 원본과 육안으로 구분하기 어려울 만큼 동일하면서도 파일 크기는 크게 줄어듭니다. 압축하지 않은 무손상 원본과 비교했을 때, 처리된 이미지는 SSIM 지수 0.95 이상을 기록합니다.
참고: SSIM(Structural Similarity Index, 구조적 유사성 지수)은 두 이미지 간의 유사성을 측정하는 방식으로, 원본을 기준으로 삼는 full-reference 평가 지표입니다.
PixPie로 할 수 있는 기능은 이것만이 아닙니다. 기존 미디어 라이브러리의 이미지를 빠르게 대량 최적화할 수 있고, 루트 권한이나 명령줄 접근 없이도 하나의 API 키와 시크릿 키로 여러 사이트·블로그에서 활용할 수 있습니다. 총 절약 용량을 보여주는 통계 페이지도 제공됩니다. 또한 서버 수준에서 백그라운드로 작동하기 때문에 워드프레스 모바일 앱으로 업로드한 이미지 역시 자동으로 최적화됩니다.
다만 제한 사항도 있습니다. 무료 버전은 월 500장까지만 처리할 수 있는데, 대부분의 워드프레스 사용자에게는 충분한 양입니다. 파일당 25MB 크기 제한도 적용됩니다.
플러그인 설정하기
워드프레스를 오래 사용해 온 분이라면 플러그인 설치 과정은 익숙할 것입니다. 사이드바 메뉴에서 "플러그인 → 새로 추가"로 이동한 뒤, PixPie를 검색하여 설치하고 활성화합니다.
활성화하면 무료 계정 등록을 요청합니다. 이메일을 입력하고 비밀번호를 정한 후 "Sign Up" 버튼을 클릭하기만 하면 됩니다. 혹시 화면을 놓쳤더라도 "WP PixPie Plugin → Settings" 메뉴에서 가입 폼을 다시 열 수 있습니다.
그러면 PixPie 사이트로 이동하며, 이름을 입력하고 캡차 체크박스에 체크하면 등록이 완료됩니다. 이후 다시 "Settings" 페이지로 돌아오면 "Bundle ID"와 "Secret Key"가 발급되어 있습니다. 이 키 조합은 다른 사이트에서도 그대로 사용할 수 있습니다.
플러그인이 압축할 이미지 크기를 선택한 뒤 "Save Settings"를 클릭하면 설정이 끝납니다. 참고로 이 설정 항목은 사이트마다 다를 수 있어 본인 사이트에서는 옵션이 조금 다르게 보일 수 있습니다. 또한 이 옵션들은 월 500장 무료 압축 한도를 소모한다는 점도 유의하세요.
체크박스를 선택하면 원본 이미지를 그대로 보존할 수도 있습니다.
마지막으로 할 일
사실 이 이후에는 특별히 할 일이 없습니다. 평소처럼 블로깅만 하면 PixPie가 이미지 최적화를 알아서 처리합니다. 무료 플랜 한도 내라면 업로드하는 모든 이미지가 백그라운드에서 자동으로 압축됩니다.
굳이 하나 더 할 수 있는 일이 있다면, PixPie 설치 이전에 업로드했던 라이브러리의 기존 이미지를 최적화하는 것입니다. 이를 위해서는 사이드바의 "WP PixPie Plugin → Convert All Images" 메뉴로 이동하세요.
여기서 라이브러리에 아직 처리되지 않은 이미지가 몇 장인지, 그리고 이전 설정을 기준으로 몇 번의 변환이 청구될지 확인할 수 있습니다. "Convert all existing images" 버튼을 클릭하면 PixPie가 나머지 작업을 알아서 마무리합니다.
웹용 이미지 최적화를 하고 계신가요? PixPie를 사용해 보셨나요? 아니면 다른 즐겨 쓰는 앱이나 플러그인이 있으신가요? 아래 댓글로 의견을 나눠 주세요.