홈페이지·블로그에 올릴 사진, 용량과 크기 줄이는 법

2026.09.24 · edittool

스마트폰으로 찍은 사진 한 장은 보통 3~8MB, 가로 4000px이 넘습니다. 이 사진을 홈페이지·블로그·쇼핑몰에 그대로 올리면 방문자는 화면에 보이는 크기의 몇 배나 되는 데이터를 받아야 하고, 페이지가 늦게 뜹니다. 사진 한 장을 올리기 전에 "크기 → 형식 → 압축" 순서로 정리하면 대부분 10분의 1 이하로 줄어듭니다.

1단계: 보이는 크기에 맞춰 픽셀 줄이기

가장 효과가 큰 단계입니다. 가로 4000px 사진을 1600px로 줄이면 픽셀 수가 약 6분의 1이 되고, 용량도 비슷하게 줄어듭니다. 화면에 보이는 최대 크기의 1.5~2배 정도면 선명한 화면(레티나)에서도 충분합니다.

이미지 크기 조절에서 "긴 변" 방식을 고르면 세로 사진과 가로 사진이 같은 기준으로 줄어듭니다.

2단계: 알맞은 형식 고르기

• JPG — 사진에 알맞습니다. 색이 많고 경계가 부드러운 이미지를 가장 작게 저장합니다.
• PNG — 글자, 로고, 캡처 화면, 투명 배경에 알맞습니다. 사진을 PNG로 저장하면 JPG보다 몇 배 커집니다.
• WebP — 구글이 만든 웹용 형식으로, 같은 화질에서 JPG보다 25~35% 작고 투명도 지원합니다. 현재 거의 모든 브라우저가 지원합니다.

흔한 실수는 "휴대폰 캡처(PNG)를 그대로 올리기"와 "사진을 PNG로 저장하기"입니다. 사진이라면 JPG나 WebP로 바꾸는 것만으로 용량이 크게 줄어듭니다. 이미지 형식 변환에서 바꿀 수 있습니다.

3단계: 화질을 조금 낮춰 압축하기

JPG·WebP는 "화질(품질)" 값을 조금만 낮춰도 용량이 크게 줄어듭니다. 품질 100과 80은 눈으로 구분하기 어렵지만 용량은 2~3배 차이가 나는 경우가 많습니다. 이미지 용량 줄이기는 1~3단계를 한 번에 처리합니다. "균형"으로 시작해서, 결과를 보고 필요하면 "고화질"이나 "작게"로 다시 해 보세요.

함께 챙길 것

• 촬영 위치 정보 지우기 — 스마트폰 사진에는 찍은 장소의 GPS 좌표가 들어 있을 수 있습니다. 집에서 찍은 사진을 그대로 올리면 주소가 드러날 수 있습니다. 이 사이트의 이미지 도구로 저장하면 이 정보가 남지 않습니다.
• 회전 확인 — 휴대폰 사진은 "돌려서 보여 달라"는 표시만 붙어 있는 경우가 있어, 일부 프로그램에서 옆으로 누워 보입니다. 회전·반전으로 저장하면 픽셀 자체가 돌아가 어디서나 똑바로 보입니다.
• width·height 적기 — HTML에 <img src="..." width="1600" height="1067" loading="lazy">처럼 크기를 적으면 사진이 뜨는 동안 글이 밀려 내려가는 현상이 줄고, loading="lazy"는 화면 아래 사진을 스크롤할 때 받게 합니다.

정리

보이는 크기에 맞춰 줄이고(1단계), 사진은 JPG·WebP로(2단계), 품질을 80 안팎으로(3단계). 이 세 가지만 지켜도 스마트폰 사진 한 장이 5MB에서 300KB 안팎으로 줄어드는 경우가 대부분입니다.