블로그용 이미지 용량 최적화, 화질 저하 없이 용량만 줄이는 노하우

 

안녕하세요! 어느덧 5번째 시간입니다. 지난 시간에는 사진 속 불필요한 개체를 감쪽같이 지우는 방법을 배웠죠. 배경도 깨끗해지고 색감도 잡혔고, 멋진 썸네일까지 완성했다면 이제 블로그에 올릴 일만 남았습니다.

그런데 여기서 정말 많은 분이 간과하는 핵심적인 단계가 하나 있습니다. 바로 '이미지 용량 최적화'입니다. 저도 블로그 운영 초기에는 "사진은 무조건 고화질이 최고지!"라는 생각에 포토샵에서 저장할 때 품질을 항상 100% 최대로 설정해서 올렸어요. 결과는 어땠을까요? 제 블로그에 들어오면 사진이 뜨는 데 한참 걸리고, 심지어 모바일 환경에서는 페이지 로딩 속도가 너무 느려 독자들이 글을 읽기도 전에 나가버리는 이탈률이 치솟더라고요.

오늘은 제가 수많은 테스트를 통해 찾아낸, 눈으로 보기엔 고화질이지만 용량은 다이어트시킨 포토샵 저장 꿀팁을 공유해 드릴게요.

1. '다른 이름으로 저장'보다 '웹용으로 저장'이 필수인 이유

많은 분이 습관적으로 Ctrl + S(저장)나 Ctrl + Shift + S(다른 이름으로 저장)를 사용합니다. 하지만 블로그용 사진을 만들 때는 반드시 Ctrl + Alt + Shift + S (웹용으로 저장, Save for Web) 단축키를 습관화해야 합니다.

• 왜 그럴까요?: 일반 저장은 사진 속에 촬영 장소, 카메라 기종, 렌즈 정보 등 블로그 독자에게는 필요 없는 수많은 메타데이터를 포함합니다. 하지만 '웹용으로 저장' 기능을 쓰면 이런 불필요한 데이터를 싹 걷어내고 순수하게 이미지 데이터만 최적화해서 압축해 주기 때문에 용량이 훨씬 가벼워집니다.

직접 비교해 보니: 똑같은 사진인데 일반 저장은 2MB가 넘던 것이, 웹용으로 저장 기능을 활용하니 300KB 수준으로 줄어드는 걸 보고 정말 허탈했던 기억이 나네요. 그동안 제 블로그가 왜 그렇게 무거웠는지 바로 깨달았습니다.

2. JPEG 품질, 100과 80의 비밀

포토샵에서 JPG로 저장할 때 품질(Quality)을 선택하는 창이 뜨죠? 저는 예전에 무조건 100(최고)으로 설정했었습니다. 하지만 전문가들의 조언을 듣고 직접 테스트해 본 결과, 육안으로는 품질 80과 100의 차이를 거의 느끼기 어렵다는 사실을 알게 되었습니다.

• 실전 노하우: 품질을 80 정도로 설정해 보세요. 용량은 100일 때보다 절반 가까이 줄어들지만, 블로그 화면에서 독자들이 보기에는 차이를 전혀 모를 정도로 깔끔합니다.

• 팁: 만약 사진에 글자가 많거나 아주 세밀한 패턴이 있다면 85 정도가 적당하고, 일상적인 사진이라면 70~80 사이가 가장 효율적인 '가성비 구간'입니다.

3. 이미지 크기(Resize)부터 줄이는 것이 기본

용량을 줄이는 가장 확실한 방법은 이미지의 물리적인 크기(픽셀) 자체를 줄이는 것입니다. 최신 스마트폰이나 DSLR로 찍은 사진은 가로 크기가 4000~6000픽셀이 넘는 경우가 많아요. 하지만 보통 블로그 본문의 가로 너비는 800~1000픽셀 내외입니다.

• 방법: 저장하기 전 Image Size (Ctrl + Alt + I) 메뉴에서 가로 폭을 1000~1200픽셀 정도로 미리 줄여주세요.

• 경험담: 가로 5000픽셀짜리 원본을 그대로 올리면 네이버나 구글 서버에서 어차피 다시 압축을 거치면서 화질이 더 깨질 수 있습니다. 차라리 내가 직접 포토샵에서 적정 크기로 줄여서 올리는 것이 화질 유지 면에서도 훨씬 유리하더라고요.

4. 차세대 포맷 'WebP' 활용하기

최근 구글이 강력하게 권장하는 이미지 포맷이 있습니다. 바로 'WebP(웨피)'입니다. JPG보다 압축률이 훨씬 뛰어나면서도 화질 손실이 적은 괴물 같은 포맷이죠.

• 활용법: 포토샵 최신 버전에서는 [복사본 저장] 메뉴를 통해 .webp 형식으로 바로 저장할 수 있습니다.

• 장점: JPG로 200KB인 사진이 WebP로 저장하면 120KB까지 줄어들기도 합니다. 로딩 속도가 생명인 애드센스 블로그에서는 이 포맷을 적극적으로 활용하는 것이 승인과 상위 노출에 큰 도움이 됩니다.

---

핵심 요약

• 반드시 [웹용으로 저장(Ctrl + Alt + Shift + S)] 기능을 사용하여 불필요한 데이터를 제거한다.

• JPEG 저장 시 품질은 80 내외로 설정하여 용량과 화질의 균형을 맞춘다.

• 블로그 본문 너비에 맞춰 가로 크기를 미리 1000~1200픽셀로 줄인다.

• 가능하다면 용량 절감 효과가 탁월한 WebP 포맷을 사용한다.