블로그에 사진을 올리는데 용량 제한에 걸리거나, 상세페이지가 너무 느리게 뜬 적 있나요? 대부분 이미지 용량 문제이고, 요즘은 답이 거의 정해져 있습니다. WebP죠. 다만 만능은 아니라, 언제 쓰고 언제는 피해야 하는지 정리했어요.
포맷별 특징, 한 줄씩
- JPG(JPEG) — 사진용 표준. 용량은 작지만 압축할수록 화질이 깎이고, 투명 배경은 못 만듭니다.
- PNG — 화질 손상 없음(무손실) + 투명 배경 지원. 대신 사진에는 용량이 큽니다. 로고·아이콘·스크린샷용.
- WebP — 구글이 만든 포맷. 비슷한 화질에서 JPG보다 25~35%가량 작고, 투명 배경도 됩니다. 사실상 JPG+PNG의 장점을 합친 격.
- AVIF — WebP보다 더 최신·더 고압축. 용량은 가장 작지만 아직 일부 오래된 환경에서 지원이 덜해요.
왜 WebP가 이득인가
같은 사진을 절반 가까운 용량으로 줄이면 페이지가 훨씬 빨리 뜹니다. 그리고 구글은 로딩 속도(코어 웹 바이탈)를 검색 순위에 반영하기 때문에, 이미지 용량을 줄이는 것만으로 SEO에도 유리해요. 쇼핑몰 상세페이지처럼 사진이 많은 곳일수록 효과가 큽니다.
언제 뭘 쓰면 되나
- 블로그·웹사이트·쇼핑몰 업로드 → WebP (속도·용량·SEO 모두 이득)
- 로고·아이콘처럼 투명 배경 + 선명함이 중요하면 → PNG
- 쓰면 안 되는 경우: 관공서·회사 제출 시스템이 "JPG/PNG만 허용"할 때, 아주 오래된 프로그램에서 열어야 할 때, 인쇄소에 넘길 때 → 이럴 땐 JPG가 호환성 최강입니다. 업로드 전 허용 형식을 꼭 확인하세요.
OPDADA의 이미지 변환 도구는 모든 처리가 내 브라우저 안에서 이뤄집니다. 사진이 서버로 올라가지 않으니 개인적인 사진도 안심하고 변환할 수 있고, 실제로 2.7MB 사진이 수십 KB까지 줄어듭니다.
블로그·쇼핑몰을 운영한다면 더 중요합니다
이미지 용량은 방문자의 로딩 속도와 직결됩니다. 사진이 절반으로 가벼워지면 페이지가 그만큼 빨리 뜨고, 이탈이 줄고, 검색엔진의 속도 평가에도 유리합니다. 글 하나에 사진 열 장을 올리는 블로거라면 업로드 전에 WebP로 변환하는 습관 하나로 체감이 달라져요.
WebP가 안 열린다는 곳을 만나면
요즘 브라우저는 다 열지만, 오래된 문서 프로그램이나 일부 사이트의 업로드 양식이 jpg·png만 받는 경우가 아직 있습니다. 그럴 땐 그 용도만 jpg로 다시 변환해 내면 됩니다 — 원본을 지우지 말고 용도별로 내보내는 게 요령입니다.
더 최신 포맷도 있긴 합니다
AVIF처럼 WebP보다 더 줄여주는 포맷도 있지만, 열리는 곳의 범위는 WebP가 아직 가장 무난한 균형점입니다. "가장 널리 열리면서 충분히 가벼운" 선택이 필요하면 WebP, 호환이 최우선이면 jpg — 이 두 갈래만 기억해도 실사용엔 충분합니다.
용량 줄이기, 사실은 세 가지 방법이 있습니다
포맷 변환이 전부가 아니에요. 이미지 용량은 서로 다른 세 가지 방법으로 줄일 수 있고, 조합하면 효과가 훨씬 커집니다.
- 리사이즈 — 가로세로 픽셀 수 자체를 줄이는 것. 화면에 작게 보일 사진이 카메라 원본 크기 그대로일 필요는 없어요. 셋 중 용량을 줄이는 효과가 가장 큰 방법입니다.
- 압축(품질 조절) — 픽셀 수는 그대로 두고 화질 정보를 덜어내는 것. 품질 값을 조금 낮춰도 눈으로는 구분이 어려운 경우가 많습니다.
- 포맷 변환 — 같은 화질을 더 효율적으로 담는 그릇으로 바꾸는 것. 이 글에서 다룬 WebP 변환이 여기에 해당해요.
순서로 치면 필요한 크기로 리사이즈 → 알맞은 포맷 선택 → 품질 조절이 정석입니다. 셋을 같이 쓰면 화질 손상을 최소로 하면서 용량을 크게 줄일 수 있어요.
'품질 값'은 무슨 뜻일까
손실 압축은 사람 눈이 잘 알아채지 못하는 정보부터 버리는 방식입니다. 변환 도구에 있는 품질 값 슬라이더는 얼마나 과감하게 버릴지를 정하는 손잡이예요. 값을 낮출수록 파일은 작아지고, 어느 선을 넘으면 뭉개짐이 눈에 띄기 시작합니다.
- 모든 사진에 통하는 정답 수치는 없습니다. 변환 후 이미지를 원본과 나란히 놓고 차이가 안 느껴지는 선까지 낮춰보는 게 가장 확실해요.
- 하늘이나 피부처럼 매끈한 면이 많은 사진은 품질을 낮추면 티가 잘 나고, 복잡한 풍경 사진은 상대적으로 덜 납니다.
- 확대해서 볼 일이 있는 사진(제품 상세컷 등)은 품질을 넉넉하게 남겨두는 편이 안전합니다.
- 품질을 한 번에 확 낮추기보다, 조금씩 낮춰가며 두세 번 비교해보면 내 사진에 맞는 지점을 금방 찾을 수 있어요.
용도가 먼저, 설정은 그다음입니다
같은 사진이라도 어디에 쓰느냐에 따라 알맞은 크기와 품질이 달라집니다. 변환하기 전에 용도부터 정하면 설정 고민이 줄어들어요.
- 웹 게시용 — 화면에서 보이는 크기면 충분합니다. 과감하게 줄여도 체감 차이가 거의 없어요.
- 단체방 공유용 — 어차피 전송 과정에서 다시 압축되는 경우가 많으니, 화질에 크게 공들일 필요가 없습니다.
- 보관·추억용 — 줄이지 마세요. 저장 공간이 아깝더라도 원본 그대로 보관하는 게 맞습니다. 한 번 줄인 사진은 원래 화질로 되돌릴 수 없어요.
- 인쇄용 — 화면용보다 훨씬 높은 해상도가 필요합니다. 웹용으로 줄여둔 파일을 인쇄에 쓰면 뭉개져 보이니, 인쇄는 반드시 원본으로 하세요.
흔한 실수와 예방
- 재압축 반복 — 손실 압축한 파일을 또 손실 압축하면 화질 손상이 차곡차곡 누적됩니다. 편집과 변환은 가급적 원본에서 한 번에 끝내세요.
- 원본 삭제 — 변환본이 마음에 들어도 원본은 남겨두세요. 나중에 인쇄하거나 크게 써야 할 때는 결국 원본이 필요합니다.
- 글자 많은 이미지에 손실 압축 — 스크린샷·표·문서 사진은 손실 압축을 하면 글자 주변이 지저분하게 번지기 쉬워요. 이런 이미지는 무손실 쪽이 어울립니다.
- 일괄 변환 후 확인 생략 — 수십 장을 한꺼번에 변환했다면 그중 몇 장은 열어서 확대해 확인하세요. 사진마다 뭉개지는 정도가 다릅니다.
- 원본과 변환본이 뒤섞이는 것 — 이름이 비슷한 파일이 한 폴더에 섞이면 나중에 어느 쪽이 원본인지 알 수 없게 됩니다. 변환본은 폴더를 나누거나 파일명에 표시를 붙여 구분해두세요.