사용자가 iPhone으로 찍은 사진을 업로드했다. 파일은 HEIC로 약 1.8 MB다. <img> 태그는 그걸 신뢰할 수 없다. Chrome, Firefox, Edge는 HEIC를 네이티브로 지원하지 않기 때문이다. 그래서 이미지는 눈에 보이는 차이 없이 3.4 MB의 JPG가 되거나 약 1.2 MB의 WebP가 된다. 이 차이가 HEIC로 들어오는 사진에는 WebP가 답인 이유다.
이 가이드는 HEIC를 WebP로 변환하는 방법, 형식 간 크기 비교, 그리고 브라우저 도구부터 빌드에 넣을 수 있는 셸 명령까지의 선택지를 다룬다.
왜 HEIC가 아니라 WebP인가
HEIC는 사진 저장에 탁월하다. 같은 품질에서 JPEG의 약 절반 크기다. 하지만 웹에서 배포 형식으로는 쓸모가 없다. Chrome, Firefox, Edge, Safari는 모두 수년 전부터 WebP를 지원해 왔지만, HEIC는 Safari와 일부 제조사 한정 환경에서만 지원된다. 사용자가 업로드한 이미지에 HEIC를 의존할 수는 없다. 변환 파이프라인이 존재하는 이유가 바로 그것이다.
WebP는 HEIC와 같은 영역을 커버한다. 최신 압축을 기반으로 한 손실 형식으로, 무손실 모드와 알파 투명도를 갖추고 있다. 사진의 경우 같은 시각적 품질에서 WebP와 JPG의 실질적인 차이는 파일이 약 25~35% 더 작아진다는 것이다. 이미지가 많은 페이지에서는 의미 있는 절약이다.
크기 비교
같은 1200만 화소 사진, 같은 시각적 품질:
| 형식 | 크기 | 브라우저 | 비고 |
|---|---|---|---|
| HEIC | ~1.8 MB | Safari만 | iPhone의 원본 형식 |
| JPG | ~3.4 MB | 전체 | 기준 |
| WebP | ~1.2 MB | 전체 | 손실, 알파 지원 |
| PNG | ~24 MB | 전체 | 무손실, 사진용 아님 |
WebP가 JPG, PNG와 비교해 어느 위치에 있는지 배경이 필요하다면 웹 이미지 형식 가이드에 전체 비교가 있다.
옵션 1: 브라우저에서 변환하기
가장 간단한 방법은 기기에서 완전히 실행되는 도구다. HEIC to WebP 변환기는 WebAssembly로 HEIC를 로컬에서 디코딩하고 WebP 파일을 만든다. 사진이 기기를 떠나지 않는다. 품질을 설정하고 폴더 전체를 변환한 뒤 ZIP으로 다운로드할 수 있다. 일회성 변환에 적합하며, 명령줄이 어색한 디자이너나 에디터에게도 맞다.
옵션 2: 명령줄에서 변환하기
파이프라인이라면 고전적인 조합은 libheif에 libwebp다. macOS에서 Homebrew로:
brew install libheif webp
그다음 heif-convert와 cwebp로 변환한다:
heif-convert input.heic output.png
cwebp -q 82 output.png -o output.webp
또는 ffmpeg로 중간 파일을 건너뛰어도 된다:
ffmpeg -i input.heic -c:v libwebp -quality 82 output.webp
두 명령 모두 품질 인자를 받으며, cwebp가 가장 폭넓은 제어 옵션을 제공한다. 무손실 모드와 가장 느리지만 가장 작은 결과물을 만드는 -m 6이 포함된다. 폴더 단위로는 반복문을 돌리면 된다:
for f in *.heic; do heif-convert "$f" "${f%.heic}.png"; cwebp -q 82 "${f%.heic}.png" -o "${f%.heic}.webp"; done
이 정도면 서버 측에서 업로드를 처리하는 셸 스크립트나 CI 작업에 연결할 수 있다.
WebP에서 품질과 형식 고르기
출력에 가장 큰 영향을 주는 결정은 두 가지다:
- 손실 vs 무손실.
cwebp -lossless또는 무손실 플래그와 함께 쓴-q 100은 모든 픽셀을 보존하지만 파일이 커진다. 스크린샷, 로고, 평면 색과 텍스트로 이루어진 모든 것에 사용하라. 사진에는 손실 모드를 쓰라. - 품질 숫자. 사진의 합리적인 기본값은
-q 82다. 눈에 보기엔 깨끗하고 JPG보다 훨씬 작다. 고품질이 목표라면-q 90이 바이트는 더 소모하지만 원본에 더 가깝다. JPG 품질 설정과 같은 트레이드오프이며, 품질 손실 없이 HEIC를 JPG로 변환하기에서 자세히 다룬다.
WebP는 알파도 처리한다. 그래서 투명도 채널이 있는 HEIC 이미지도 변환을 무사히 통과한다. JPG였다면 버려졌을 것이다.
더 새로운 형식에 대한 참고
AV1 기반의 후속 형식인 AVIF는 대체로 용량에서 WebP를 앞서며, 이제 모든 주요 브라우저에서 지원된다. 새 파이프라인을 만들고 디코더를 선택할 수 있다면, 실제 이미지로 WebP와 AVIF를 비교해 볼 가치가 있다. 트레이드오프는 인코더 속도와 도구의 성숙도다. 그래서 대부분의 팀에서 WebP가 안전한 기본값으로 남는다. 웹 이미지 형식 가이드에서 각 형식의 위치를 더 자세히 다룬다.
요약
웹사이트에 올라갈 모든 이미지는 HEIC를 WebP로 변환하라. 어디서나 지원되고, 같은 품질의 JPG보다 작으며, 브라우저 도구나 두 줄짜리 셸 파이프라인으로 변환할 수 있다. 원본 HEIC는 진실의 원천으로 보관하고, 업로드 시점이나 일괄 작업에서 변환하라. 로딩 시간 계산은 형식이 대신 해 준다.