블로그에 방문했을 때 이미지가 뚝뚝 끊기며 로딩되는 경험은 누구나 가지고 있습니다. 여행 사진 크기를 그대로 올리면 보통 장당 5MB에서 10MB를 넘나들며, 이는 포스팅 전체 용량을 수십 메가바이트로 불려 검색엔진 최적화(SEO) 점수를 떨어뜨립니다. 네이버 블로그나 티스토리는 자체 리사이징 기능을 제공하지만, 원본 그대로 올리면 서버 부하와 로딩 속도 저하를 피할 수 없습니다.
블로그에 올리는 여행 사진 크기는 가로 기준 1000~1200픽셀로 조절하고 용량은 300KB 이하로 압축하는 것이 가장 적절합니다. 웹젠 에러나 페이지 로딩 지연을 막으려면 포맷은 JPG나 WebP를 선택해야 합니다.
블로그 여행 사진 최적의 해상도와 픽셀 기준
대부분의 블로그 레이아웃에서 본문 최대 가로 폭은 860픽셀에서 900픽셀 사이입니다. 하지만 모바일 디스플레이의 고해상도(Retina 등) 대응과 PC 화면의 확대 보기 기능을 고려할 때 가로 기준 1000픽셀에서 1200픽셀로 설정하는 것이 좋습니다.
세로 사진의 경우 세로가 너무 길면 스크롤 피로도를 높이므로 세로 기준 최대 1200픽셀을 넘지 않도록 자르거나 리사이징해야 합니다. 해상도가 4000픽셀이 넘는 스마트폰 원본을 그대로 올리는 것은 웹 환경에서는 불필요한 데이터 낭비입니다.
용량 줄이기 핵심, JPG 압축률과 WebP 포맷
해상도를 줄였다면 다음으로 신경 써야 할 것은 파일 용량입니다. 장당 200KB에서 300KB 사이로 맞추는 것이 페이지 전체 속도를 지키는 마지노선입니다.
이미지 포맷은 무손실 압축인 PNG 대신 손실 압축률을 조절할 수 있는 JPG를 사용하는 편이 유리합니다. 최근에는 구글이 개발한 차세대 이미지 포맷인 WebP를 활용하면 JPG 대비 30퍼센트 이상 용량을 더 줄이면서도 화질 손실을 최소화할 수 있습니다.
포토샵이나 라이트룸뿐만 아니라 무료 웹 변환 도구를 활용해도 손쉽게 WebP 파일을 얻을 수 있습니다.
일괄 처리 프로그램을 통한 작업 시간 단축
수십 장에서 수백 장에 달하는 여행 사진을 하나씩 포토샵으로 열어 크기를 조절하는 것은 매우 비효율적입니다. 배치(Batch) 처리가 가능한 프로그램을 활용하면 단 몇 초 만에 모든 작업을 끝낼 수 있습니다.
알씨의 일괄 편집 기능이나 포토스케이프 X를 활용하면 지정한 가로 크기와 용량 제한에 맞춰 폴더 전체의 이미지를 동시에 변환할 수 있습니다. 이때 파일명은 한글이나 특수문자를 배제하고 영어 소문자와 하이픈(-) 위주로 정리하는 것이 이미지 검색 유입에 도움이 됩니다.
업로드 전 메타데이터(EXIF) 정리의 중요성
디지털 카메라나 스마트폰으로 촬영한 사진에는 촬영 위치의 위도와 경도, 카메라 기종, 촬영 시간 등 민감한 개인정보인 EXIF 메타데이터가 고스란히 남아 있습니다. 여행지의 정확한 위치 정보가 불필요하게 노출되는 것을 막고 파일 용량을 미세하게나마 더 줄이기 위해 업로드 전 메타데이터를 제거하는 과정을 거치는 편이 안전합니다. 윈도우 기본 속성 창에서 '속성 및 개인정보 제거'를 선택하거나 전용 리사이징 툴의 메타데이터 삭제 옵션을 켜두면 간단하게 해결됩니다.
모바일과 PC 가독성을 높이는 여백과 비율
가로 사진과 세로 사진이 뒤섞인 여행 후기 포스팅은 독자의 시선을 산만하게 만듭니다. 비율을 3:2 혹은 16:9 비율로 통일하여 크롭한 뒤 리사이징을 거치면 블로그 피드가 한결 정돈되어 보입니다.
스마트폰으로 사진을 감상하는 유저의 비율이 80퍼센트를 넘는 현시점에서, 가로로 너무 긴 파노라마 사진이나 세로로 지나치게 긴 스냅 사진은 모바일 화면에서 식별하기 어렵습니다. 모바일 화면 기준으로 한 화면에 꽉 차는 비율을 사전에 계산하여 업로드하는 세심함이 필요합니다.