이미지 압축 — 웹페이지가 느릴 때 먼저 줄일 파일

모바일에서 첫 화면 이미지가 늦게 뜨면 글을 읽기도 전에 사용자가 나갑니다. 웹사이트 속도 문제를 볼 때 가장 먼저 확인할 파일은 대개 이미지입니다.

이미지 압축 도구 바로 사용하기 →

이미지 압축은 화질을 유지하면서 파일 크기를 줄이는 작업입니다. 같은 1200px 사진이라도 저장 형식과 품질 설정에 따라 용량이 몇 배씩 달라질 수 있습니다.

손실 압축과 무손실 압축

압축에는 두 방식이 있습니다. 손실 압축은 사람 눈에 잘 안 띄는 정보를 버려서 용량을 크게 줄이는 방식으로, JPG와 WebP가 여기에 해당합니다. 무손실 압축은 화질을 그대로 두고 저장 방법만 효율화하는 방식이라 줄어드는 폭이 작습니다. PNG가 대표적입니다. 사진처럼 색이 많은 이미지는 손실 압축이, 글자가 들어간 캡처나 로고처럼 선이 또렷해야 하는 이미지는 무손실 쪽이 잘 맞습니다.

어떤 형식을 써야 하나

상품 사진이나 블로그 대표 이미지는 JPG 또는 WebP가 잘 맞습니다. UI 캡처나 투명 배경 로고는 PNG가 필요할 수 있습니다.

LCP와 이미지 크기

Core Web Vitals(구글이 웹페이지 사용 경험을 재는 지표 묶음)에서 LCP는 화면의 주요 콘텐츠가 얼마나 빨리 보이는지 보는 지표입니다. 첫 화면의 큰 배너 이미지가 2MB라면 모바일 4G 환경에서 체감 속도가 크게 느려질 수 있습니다. PC에서는 괜찮아 보여도 실제 방문자는 휴대폰으로 들어오는 경우가 많습니다.

썸네일은 실제 표시 크기에 맞춰 올리세요. 300px 영역에 3000px 이미지를 올리면 브라우저가 줄여 보여 줄 뿐, 다운로드 용량은 그대로 부담하기 때문입니다.

압축 전 확인할 것

먼저 이미지의 실제 사용 위치를 봅니다. 카드 썸네일인지, 본문 중간 사진인지, 첫 화면 배너인지에 따라 목표 크기가 다릅니다. 그다음 폭을 줄이고, 마지막으로 압축합니다. 해상도를 줄이지 않고 품질만 낮추면 효과가 제한적일 때가 많습니다.

전자상거래나 네이버 스마트스토어 상세페이지처럼 사진 품질이 매출에 영향을 주는 곳은 너무 강한 압축을 피해야 합니다. 글자나 제품 질감이 뭉개지면 용량은 줄어도 신뢰가 떨어집니다.

Tooly에서 줄이는 순서

도구 화면의 문구는 영어로 표시되지만 손댈 곳은 세 군데뿐입니다.

1. 점선 상자에 이미지를 끌어다 놓거나 클릭해서 선택합니다. PNG·JPG·WebP를 지원하고, 올릴 수 있는 최대 파일 크기는 상자 안에 표시됩니다.
2. 업로드하면 왼쪽에 원본(Original Image), 오른쪽에 압축 미리보기(Compressed Preview)가 나란히 뜹니다. 각 그림 아래에 용량(Size)이, 오른쪽 위에 가로×세로 픽셀이 표시됩니다.
3. 품질 슬라이더를 움직입니다. 10~95% 범위이고 처음에는 75%에 맞춰져 있습니다. 왼쪽으로 낮출수록 용량이 줄고 화질도 함께 떨어지며, 미리보기 용량과 절감률(Savings)이 바로 갱신됩니다.
4. 미리보기에서 글자와 경계가 깨지지 않는지 확인한 뒤 Compress & Download 버튼을 누릅니다. 원본이름_compressed.jpg 같은 이름의 새 파일이 저장되고, 형식은 원본과 같게 유지됩니다.

압축 미리보기에 “25% of original”이라고 표시됐다면 원본의 4분의 1이 됐다는 뜻입니다. 3.2MB 사진이라면 0.8MB로 줄어든 셈입니다.

여기서 막히면

PNG를 올렸는데 슬라이더를 낮춰도 용량이 거의 안 줄어들 수 있습니다. PNG는 무손실 형식이라 품질값이 적용되지 않기 때문입니다. 사진이라면 PNG → JPG 변환 도구로 형식을 바꾼 뒤 압축하면 효과가 큽니다.

파일이 커서 업로드가 거부된다면 해상도 자체가 큰 원본입니다. 이미지 크기 조절 도구로 픽셀 크기부터 줄이고 다시 시도하세요.

자주 묻는 질문

압축하면 원본 파일이 손상되나요? 아닙니다. 압축본이 새 파일로 다운로드되고 원본은 그대로 남습니다. 다만 원본을 지우고 압축본만 남기면 되돌릴 수 없으니 원본은 보관하세요.

품질을 몇 %로 두는 게 맞나요? 정답이 하나로 정해져 있지 않습니다. 기본값 75%에서 시작해 미리보기를 확대해 보고, 글자가 뭉개지면 올리고 여유가 있으면 내리는 식으로 잡는 편이 안전합니다.

WebP로 바꿔서 저장해 주나요? 아닙니다. 이 도구는 원본 형식을 유지한 채 용량만 줄입니다. 형식 변환은 JPG → WebP 같은 변환 도구를 따로 쓰세요.

이미지가 옆으로 돌아간 상태라면 먼저 이미지 회전 도구로 방향을 바로잡고 압축하는 편이 좋습니다.