구글 SEO 이미지 최적화: Squoosh WebP 압축법

블로그를 운영하면서 글 노출(SEO)을 신경 쓸 때, 이미지는 참 다루기 까다로운 녀석입니다.

사진이 풍부해야 읽는 사람이 오래 머무르지만, 아무 생각 없이 올렸다간 페이지가 무거워져 로딩이 느려지고 결국 구글 검색 순위에서 밀려나기 때문입니다.

많은 블로거분들이 "선명한 고화질 사진을 올려라"라는 말과 "용량을 최대한 줄여라"라는 구글의 두 가지 요구 사이에서 갈등을 겪습니다.

화질을 높이면 용량이 커지고, 용량을 줄이면 사진이 깨지니 도대체 어느 장단에 맞춰야 할지 난감해집니다.

이번 글에서는 구글 검색 로봇이 어떤 이미지를 '좋은 사진'으로 판단하는지 그 기준을 명확히 짚어보고, 스마트폰 화면에 딱 맞는 이미지 크기와 구글 공식 무료 툴인 '스쿼시(Squoosh)'를 활용해 화질 저하 없이 용량만 쏙 빼는 방법을 차근차근 알아보겠습니다.

제 블로그 역시 이런 점들을 완벽히 반영해서 작성하고 있고 이 글에도 반영 되어 있습니다.

1. 구글이 좋아하는 '고품질 이미지'의 진짜 기준

구글 검색 로봇은 인간처럼 사진의 미적 감각이나 아름다움을 보고 점수를 주지 않습니다.

철저하게 '이 사진이 읽는 사람에게 쾌적한 환경을 주는가'와 '사이트가 얼마나 빨리 열리는가'를 기준으로 삼습니다.

구글이 싫어하는 감점 대상 이미지

구글이 감점을 주는 '저품질 이미지'는 압축을 조금 많이 해서 생긴 미세한 화질 저하가 아닙니다. 독자의 읽기 흐름을 방해하는 다음과 같은 경우를 말합니다.

작은 사진을 억지로 늘려 놓은 경우: 가로 크기가 너무 작은 사진(예: 가로 200~300픽셀)을 블로그 본문 폭에 맞추려고 억지로 늘리면 경계선이 네모나게 깨집니다. 이처럼 흐릿하고 지저분한 사진은 독자에게 나쁜 경험을 주기 때문에 구글이 싫어합니다.
초점이 안 맞아 흐릿한 경우: 사진을 찍거나 화면을 캡처할 때 초점이 안 맞아 사물이나 글씨를 알아볼 수 없는 상태입니다. 구글의 이미지 인식 AI는 형태를 알아볼 수 없는 사진을 가치 없는 파일로 판단합니다.
글 내용과 상관없는 사진을 넣은 경우: 사진 자체의 문제뿐만 아니라, 글의 주제와 전혀 상관없는 뚱딴지같은 이미지를 넣었을 때입니다. 구글은 사진 주변의 글을 함께 읽기 때문에 서로 연관성이 높아야 좋은 점수를 줍니다.

화질과 로딩 속도의 밀당, 해결책은?

구글은 웹사이트가 열리는 속도를 매우 중요하게 여깁니다. 그래서 용량이 너무 커서 로딩을 갉아먹는 사진은 '최악의 이미지'로 분류합니다.

그렇다고 용량만 줄이겠다고 화질을 뚝 떨어뜨리면, 블로그에 들어온 방문자가 실망해서 바로 나가버립니다.

방문자가 들어오자마자 나가는 행동(이탈률 상승)은 구글에 "이 블로그는 쓸모없다"는 신호를 주는 꼴이 됩니다.

결국 가장 좋은 방법은 "우리 눈으로 볼 때는 원본처럼 쨍하고 선명하지만, 구글이 다운로드할 때는 깃털처럼 가벼운 상태"를 만드는 것입니다.

가장 이상적인 사진 1장당 용량은 100KB~200KB 이하이며, 최적화를 제대로 하면 40KB~70KB까지도 낮출 수 있습니다.

2. 모바일 화면에 딱 맞춘 이미지 크기 가이드

요즘은 웹서핑의 절반 이상이 스마트폰으로 이루어집니다. 따라서 블로그 사진 크기도 PC가 아닌 모바일 화면을 기준으로 맞춰야 합니다.

PC 화면만 생각하고 엄청나게 큰 사진을 통째로 올리면, 모바일 환경에서는 데이터만 많이 먹고 속도만 느려집니다.

스마트폰 화면에 가장 보기 좋은 16:9 비율과 가로 800 크기

스마트폰을 가로로 들고 블로그 글을 읽을 때 시각적으로 가장 안정감을 주는 비율은 16:9 와이드 비율입니다.

유튜브 영상 비율에 익숙한 요즘 사람들에게 가장 자연스럽게 읽히는 구조입니다.

본문용 사진은 가로 800픽셀 (800x450): 요즘 스마트폰 화면 크기와 블로그 본문 레이아웃을 고려했을 때, 가로 800픽셀은 화질을 지키면서 용량을 아낄 수 있는 가장 황금 크기입니다. 아이폰으로 찍은 원본 사진(가로 4,000픽셀 이상)을 그대로 올리지 말고, 가로 800픽셀로 줄여서 올리면 선명함은 그대로 유지하면서 불필요한 용량 낭비를 확실하게 막을 수 있습니다.

구글 디스커버(모바일 홈)에 노출되는 꿀팁

내 블로그 글이 구글 모바일 앱 첫 화면(디스커버)에 추천 글로 뜨면 엄청난 방문자가 유입됩니다. 여기에 뽑히려면 구글이 정해둔 이미지 규칙을 꼭 지켜야 합니다.

대표 썸네일 사진은 가로 1,200픽셀 이상: 구글 공식 발표에 따르면, 첫 화면에 크고 선명한 사진이 보일 때 사람들이 글을 누르는 확률(클릭률)이 18%나 올라간다고 합니다. 이를 위해 블로그의 메인 간판이 되는 대표 사진 딱 1장만큼은 가로 1,200픽셀 이상(16:9 비율 기준 1200x675)의 큰 사진을 사용해야 합니다.
대표 사진과 본문 사진 나눠서 쓰기: 가장 똑똑한 전략은 구글 첫 화면 노출을 노리는 대표 썸네일 사진은 1200x675로 크게 만들고, 본문 안에 들어가는 나머지 설명용 사진들은 전부 800x450 크기로 줄여서 올리는 것입니다. 이렇게 하면 블로그 전체가 무거워지는 것을 막을 수 있습니다.

3. 구글 스쿼시(Squoosh)로 화질 손실 없이 사진 용량 줄이는 5단계

아이폰으로 찍은 고화질 사진의 선명함을 그대로 유지하면서 용량만 50KB 안팎으로 뚝 떨어뜨리려면, 구글이 만든 무료 이미지 압축 사이트인 스쿼시(Squoosh)를 사용하는 것이 가장 좋습니다.

단순히 사진 포맷만 바꾸면 화질을 지키느라 용량이 잘 줄어들지 않으니, 반드시 아래 순서대로 '크기를 먼저 줄인 뒤 압축'하는 방식을 따라 해보세요.

[1단계] 원본 사진 올리기

인터넷 창을 열고 스쿼시(Squoosh) 사이트에 접속합니다.
아이폰으로 찍은 고화질 원본 사진을 마우스로 끌어서 화면에 놓습니다. 화면 가운데 선을 기준으로 왼쪽(원본)과 오른쪽(압축 후)의 화질 차이를 눈으로 직접 비교할 수 있는 상태가 됩니다.

[2단계] 크기 조절(Resize) 메뉴 켜기 (가장 중요!)

오른쪽 설정 창에서 [Resize] 항목의 체크박스를 눌러 활성화합니다.
많은 분들이 이 과정을 건너뛰고 압축만 하려고 하니 용량이 줄지 않는 것입니다. 스마트폰으로 찍은 거대한 사진의 실제 픽셀 크기를 웹 화면에 맞게 깎아내는 이 단계가 용량 다이어트의 핵심입니다.

[3단계] 원하는 가로 크기(Width) 입력하기

다른 설정은 그대로 두고, Width(가로 폭) 입력창에 본문용 사진이면 800, 구글 노출용 대표 사진이면 1,200을 입력합니다.
비율 유지 옵션이 켜져 있기 때문에, 가로 값만 넣으면 세로 길이는 16:9 비율에 맞춰서 알아서 자동으로 줄어듭니다.

[4단계] 차세대 포맷(WebP) 선택 및 화질 조절하기

아래쪽 [Compress] 메뉴를 눌러 기본 JPG 대신 구글이 가장 좋아하는 웹 전용 포맷인 [WebP]를 선택합니다. WebP는 똑같은 화질 대비 JPG보다 용량을 30% 이상 더 많이 줄여줍니다.
압축 효율을 뜻하는 Effort 수치는 4 또는 5 정도로 둡니다.
가장 중요한 화질 점수인 Quality(품질) 슬라이더를 80% ~ 85% 사이로 맞춤니다. 이 수치를 70% 이하로 내리면 용량은 엄청 가벼워지지만 눈으로 볼 때 사진이 흐려집니다. 반면 80%~85% 구간은 우리 눈으로 볼 때는 원본과 똑같이 선명하면서 데이터 구조만 아주 효율적으로 압축하는 황금 구간입니다.

[5단계] 줄어든 용량 확인하고 다운로드하기

스쿼시 오른쪽 아래를 보면 최종 파일 용량이 얼마나 줄었는지 퍼센트와 숫자로 보여줍니다. 크기를 800으로 줄이고 WebP 85%로 압축하면, 몇 메가(MB)씩 하던 거대한 사진이 화질 저하 없이 딱 40KB~70KB 사이로 가볍게 바뀐 것을 확인할 수 있습니다.
화면을 슥슥 넘겨보며 화질이 괜찮은지 확인한 후, 아래 파란색 다운로드 버튼을 눌러 컴퓨터에 저장하고 블로그에 올리면 끝입니다.

마치며 요약

구글 SEO에 좋은 사진이란 결국 우리 눈에는 선명하게 잘 보이고, 구글 검색 로봇이 읽을 때는 부담 없이 가벼운 사진입니다.

아무리 좋은 기기로 찍었어도 가공하지 않은 원본을 그대로 올리는 것은 검색 노출에 방해가 됩니다.

앞으로 블로그 글을 쓰실 때는 "스마트폰 원본 준비 ➔ 스쿼시 접속 ➔ 가로 800 또는 1,200으로 크기 줄이기 ➔ WebP 화질 85% 압축"이라는 4가지 단계를 습관으로 만들어보세요.

내 글이 구글 상단에 노출되고 방문자가 블로그에 오래 머무는 긍정적인 변화를 경험하실 수 있을 것입니다.

그린나래