블로그에 사진을 올리거나 쇼핑몰 상세페이지를 만들 때 JPG 용량이 너무 크면 업로드도 느리고 페이지도 무거워져요. 특히 스마트폰으로 찍은 원본 사진은 한 장에 몇 MB씩 나오는 경우가 흔해서, 그대로 올리면 방문자가 이미지를 기다리다 이탈할 수 있어요.

다만 “무조건 압축률을 높이면 된다”는 식으로 접근하면 사진이 뭉개지고, 글자 주변이 지저분해지고, 제품 색감도 달라질 수 있어요. JPG 용량 줄이기는 크기 조절, 압축 품질, 메타데이터 정리, 포맷 선택을 같이 봐야 효과가 좋아요.

JPG는 언제 쓰면 좋을까요?

JPG/JPEG는 사진처럼 색 변화가 부드러운 이미지에 잘 맞는 포맷이에요. 풍경 사진, 인물 사진, 음식 사진, 제품 실사 이미지에는 여전히 많이 쓰여요.

대신 JPG는 손실 압축 방식이라 저장할 때마다 일부 정보가 버려져요. 또 투명 배경을 지원하지 않아요. 로고, 아이콘, 캡처 화면, 글자가 많은 이미지라면 PNG, WebP, AVIF 같은 다른 포맷이 더 나을 수 있어요.

가장 먼저 할 일은 압축이 아니라 “리사이즈”예요

JPG 용량을 줄일 때 제일 효과적인 방법은 압축률을 높이는 것보다 이미지의 실제 픽셀 크기를 줄이는 것이에요.

예를 들어 블로그 본문 영역이 800px 정도인데, 4000px짜리 원본을 그대로 올리면 필요 없는 데이터를 계속 불러오는 셈이에요. 화면에는 작게 보이지만 파일은 그대로 무거워요.

실전 기준

• 블로그 본문 이미지: 가로 1000~1600px 정도면 대체로 충분해요.
• 모바일 중심 콘텐츠: 가로 1080~1440px 정도를 많이 써요.
• 쇼핑몰 상세 이미지: 플랫폼 권장 규격을 먼저 확인하고 맞추는 게 좋아요.
• 썸네일: 실제 표시 크기의 2배 안팎이면 고해상도 화면에서도 무난해요.

압축 전에 리사이즈만 해도 용량이 크게 줄어드는 경우가 많아요. 그래서 “JPG 용량 줄이기”는 보통 리사이즈 → 압축 → 확인 순서가 좋아요.

JPG 품질 설정은 몇 퍼센트가 적당할까요?

정답 숫자는 없지만, 처음에는 품질 75~85 정도에서 비교해보는 게 무난해요. 사진마다 결과가 달라서 한 번에 50까지 낮추기보다는, 원본과 나란히 놓고 확인하는 게 좋아요.

대략적인 품질 기준

• 제품 사진, 포트폴리오 사진: 80~90
• 일반 블로그 사진: 75~85
• 썸네일, 미리보기 이미지: 65~80
• 배경용으로 흐릿하게 쓰는 이미지: 60~75도 가능해요.

주의할 점은 JPG를 여러 번 저장하지 않는 것이에요. JPG는 손실 압축이라 “압축한 파일을 다시 압축”하면 열화가 누적돼요. 원본은 따로 보관하고, 업로드용 파일을 새로 뽑는 방식이 안전해요.

메타데이터 삭제도 용량과 개인정보에 도움 돼요

스마트폰 사진에는 촬영 기기, 날짜, 위치 정보 같은 EXIF 메타데이터가 들어 있을 수 있어요. 용량을 크게 차지하지 않는 경우도 있지만, 개인정보 측면에서는 업로드 전에 지우는 편이 좋아요.

특히 맛집, 집 근처, 사무실 근처에서 찍은 사진을 블로그에 올릴 때는 위치 정보가 남아 있지 않은지 확인하는 게 좋아요. 대부분의 이미지 압축 도구에는 메타데이터 제거 옵션이 있어요.

WebP나 AVIF로 바꾸면 더 작아질 수 있어요

요즘 웹 최적화에서는 JPG를 그대로 줄이는 것뿐 아니라 WebP나 AVIF로 변환하는 방법도 많이 써요. MDN과 Google 문서 기준으로 WebP와 AVIF는 웹에서 JPG/PNG보다 더 효율적인 압축을 제공하는 현대적인 이미지 포맷으로 안내되고 있어요.

다만 무조건 AVIF가 답은 아니에요. AVIF는 압축 효율이 좋은 편이지만 인코딩 시간이 길 수 있고, 일부 편집 도구나 오래된 환경에서는 호환성을 확인해야 해요. WebP는 호환성과 용량 절감의 균형이 좋아서 블로그나 쇼핑몰에서 쓰기 편한 편이에요.

웹사이트라면 picture 태그를 고려해요

브라우저가 지원하는 포맷을 먼저 불러오고, 지원하지 않으면 JPG로 fallback하도록 구성할 수 있어요.

<picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="이미지 설명"> </picture>

워드프레스를 쓴다면 참고할 점도 있어요. WordPress는 6.5 버전부터 AVIF 업로드를 지원하지만, 실제 사용 가능 여부는 서버의 이미지 처리 라이브러리 지원에 영향을 받아요. 그래서 호스팅 환경에서 AVIF가 제대로 처리되는지 확인하는 게 좋아요.

온라인 압축 도구와 로컬 도구, 뭐가 좋을까요?

간단하게 몇 장만 줄일 거라면 온라인 도구가 편해요. Squoosh는 브라우저에서 압축 전후를 비교하면서 MozJPEG, WebP, AVIF 같은 포맷을 테스트하기 좋아요. TinyPNG/TinyJPG는 AVIF, WebP, JPEG, PNG 압축 API를 제공하고, 개발자 API는 월 500회 무료 압축을 제공한다고 안내하고 있어요.

다만 민감한 사진이라면 온라인 업로드형 도구는 조심하는 게 좋아요. 신분증, 계약서, 사내 이미지, 위치가 드러나는 개인 사진은 로컬 프로그램이나 브라우저 내 처리 방식을 우선 고려하는 게 낫습니다.

JPG 용량 줄이기 실전 순서예요

1. 원본 파일은 따로 보관해요.
2. 실제 표시 크기에 맞춰 가로 픽셀을 줄여요.
3. JPG 품질을 75~85 사이에서 먼저 테스트해요.
4. 메타데이터 제거 옵션을 켜요.
5. 글자, 피부톤, 제품 색상, 경계선 깨짐을 확인해요.
6. 웹사이트용이면 WebP나 AVIF 버전도 함께 만들어요.
7. 최종 파일명은 red-dress-review.jpg처럼 의미 있게 정리해요.

여기서 중요한 건 용량 숫자만 보는 게 아니에요. 300KB로 줄였는데 제품 색이 달라졌다면 실패예요. 반대로 700KB라도 첫 화면 핵심 이미지라면 선명도를 유지하는 편이 나을 수 있어요.

블로그 이미지라면 이 정도 기준이면 충분해요

• 본문 사진: 200KB~500KB 안쪽을 목표로 해요.
• 썸네일: 100KB~300KB 안쪽이면 무난해요.
• 긴 상세페이지 이미지: 한 장으로 길게 만들기보다 구간별로 나누는 게 좋아요.
• 첫 화면 대표 이미지: 너무 과하게 줄이지 말고 선명도를 우선해요.

물론 이미지 내용에 따라 달라요. 단색 배경 사진은 더 작아지고, 복잡한 풍경이나 야경 사진은 같은 품질에서도 용량이 커질 수 있어요.

자주 하는 실수도 체크해봐요

첫 번째는 카카오톡이나 메신저로 받은 사진을 다시 저장해서 쓰는 거예요. 이미 압축된 이미지라 품질이 낮아져 있을 수 있어요.

두 번째는 PNG를 무조건 JPG로 바꾸는 거예요. 투명 배경이 있거나 글자가 많은 이미지는 JPG로 바꾸면 오히려 지저분해질 수 있어요.

세 번째는 원본을 덮어쓰는 거예요. 나중에 다시 편집해야 할 때 복구가 어려워요.

네 번째는 모바일 화면만 보고 확인하는 거예요. 데스크톱에서 보면 압축 깨짐이 더 잘 보일 때가 있어요.

마무리하면요

JPG 용량 줄이기는 단순히 압축 버튼 한 번 누르는 작업이 아니에요. 먼저 이미지 크기를 실제 사용 크기에 맞추고, 품질을 적당히 조절하고, 필요하면 WebP나 AVIF까지 함께 준비하는 게 가장 효율적이에요.

블로그용이라면 “원본 보관 → 리사이즈 → JPG 품질 75~85 테스트 → 메타데이터 제거 → 화면 확인”만 지켜도 결과가 꽤 좋아져요. 속도도 챙기고 사진 품질도 지키려면, 용량 숫자보다 실제 화면에서 자연스럽게 보이는지를 마지막 기준으로 삼는 게 좋아요.