• 홈
• 가이드
• Mac에서 투명 PNG를 배경이 검게 변하지 않게 WebP로 변환하는 방법

Mac에서 투명 PNG를 배경이 검게 변하지 않게 WebP로 변환하는 방법

작성자: @SoNiceInfo · 게시일: 2026. 9. 22.

웹 디자이너와 개발자가 겪는 가장 당황스러운 일 중 하나는 투명 PNG의 배경이 WebP로 변환한 뒤 새까맣게 또는 새하얗게 변해 버리는 것입니다. WebP는 선명한 투명도와 부드러운 그림자를 충분히 표현할 수 있습니다. 여기서는 macOS에서 수백 개의 투명 PNG 파일을 투명도를 완벽하게 유지한 채 WebP로 일괄 변환하는 방법을 소개합니다.

WebP에서 투명 배경이 검게 변하는 이유

PNG 이미지는 빨강, 초록, 파랑 채널에 더해 네 번째 채널인 알파 채널(A)을 저장합니다. 알파 채널은 픽셀의 불투명도를 0(완전 투명)부터 255(완전 불투명)까지로 정의합니다.

변환한 WebP의 배경이 검거나 하얗게 보인다면, 원인은 거의 항상 다음 두 가지 중 하나입니다.

1. 변환 도구가 알파 채널을 버림: 단순한 웹 변환 도구나 오래된 이미지 라이브러리(예전의 PHP GD 스크립트 등)는 인코딩 전에 이미지를 강제로 24비트 RGB로 바꿉니다. 알파 채널이 없으면 투명한 영역이 기본값인 검은색(RGB: 0,0,0)이나 흰색(RGB: 255,255,255)으로 대체됩니다.
2. 잘못된 색 합성(어두운 테두리): 경계의 반투명 픽셀이 잘못된 매트 색상과 합성되면, 피사체 주위에 눈에 띄는 어두운 후광이나 테두리가 생깁니다.

Google의 공식 WebP 사양대로 인코딩하면 투명도가 수학적으로 정확하게 유지됩니다.

추천방법 1: WebP Converter. (눈으로 확인하며 빠르게)

내보내기 전에 투명 자료를 눈으로 확인할 수 있는 직관적인 Mac 인터페이스를 원한다면 WebP Converter.가 가장 좋은 도구입니다.

내장된 분할 슬라이더로, 공개하기 전에 은은한 그림자와 안티에일리어싱된 경계가 완벽하게 보이는지 확인할 수 있습니다.

방법 2: cwebp CLI와 -exact 플래그

터미널 사용자와 빌드 스크립트를 위해 Google은 공식 cwebp 도구를 제공하며, Homebrew로 설치할 수 있습니다.

brew install webp

다음은 투명 PNG를 일괄 변환하는 믿을 만한 셸 스크립트입니다. 핵심은 -lossless와 -exact 플래그를 함께 써서 보이지 않는 RGB 데이터가 바뀌지 않게 하는 것입니다.

mkdir -p webp_transparent
for f in *.png; do
  [ -f "$f" ] || continue
  # RGB 번짐 없이 투명도와 알파 채널을 유지
  cwebp -lossless -exact "$f" -o "webp_transparent/${f%.*}.webp"
done

이렇게 하면 투명한 픽셀 때문에 가장자리에 색 번짐이나 압축 아티팩트가 생기지 않습니다.

무손실 vs 손실: 투명 이미지에는 어느 쪽?

자주 묻는 질문