투명 PNG란? 배경이 투명한 이미지 만드는 법과 저장할 때 실패하지 않는 요령

투명은 ‘네 번째 정보’로 이루어진다

일반 이미지는 점(픽셀) 하나마다 빨강·초록·파랑 3개의 값을 갖고 있습니다. 투명을 지원하는 이미지에는 여기에 ‘불투명도’를 나타내는 네 번째 값이 더해집니다. 이것이 알파 채널입니다.

• 불투명도 100%: 아래가 비치지 않음. 일반 그림 부분
• 불투명도 0%: 완전히 투명. 아무것도 그리지 않은 것과 같음
• 그 중간: 반투명. 그림자를 흐리게 하거나 유리 표현에 쓰임

중요한 것은 투명이 ‘흰색’이 아니라는 점입니다. 흰색은 색으로 칠해진 상태이고, 투명은 색 정보를 갖지 않은 상태입니다. 겉보기가 비슷해 헷갈리기 쉽지만, 검은 배경에 올리는 순간 차이가 드러납니다. 흰 네모로 떠오른다면 투명하지 않은 것입니다.

형식별 투명 지원

GIF의 ‘1색만’은 지정한 한 가지 색을 통째로 투명으로 다루는 방식입니다. 반투명을 표현할 수 없어서 글자나 로고의 가장자리가 들쭉날쭉해집니다. 지금 로고를 투명으로 준비한다면 PNG나 WebP를 고르세요.

PNG와 WebP 사이에서 고민된다면, 웹사이트에 올릴 때는 WebP, 다른 사람에게 보내거나 자료에 붙일 때는 PNG가 무난합니다. WebP는 지원이 넓어졌지만, 받는 쪽 프로그램에 따라 열리지 않는 경우가 있습니다.

JPEG로 변환하면 배경이 하얘진다

투명 PNG를 JPEG로 변환하면 투명했던 부분에는 반드시 어떤 색이 들어갑니다. JPEG에는 알파 채널이 없어서 투명이라는 상태를 저장할 수 없기 때문입니다. 대부분의 도구는 흰색으로 채웁니다. 이미지 형식 변환 도구에서도 JPEG를 고르면 투명 부분을 흰색으로 채운 뒤 변환합니다.

• 흰 배경의 자료에 붙인다면 흰색으로 칠해져도 겉보기는 달라지지 않음
• 진한 색 배경 위에 겹치면 흰 네모가 남아 눈에 띔
• 반투명 그림자가 있는 로고는 경계에 흰 테두리가 생길 수 있음

또한 한번 JPEG로 만든 것을 다시 PNG로 되돌려도 투명은 살아나지 않습니다. 흰색으로 칠해진 상태가 그대로 저장되어 있기 때문입니다. 원본 투명 PNG는 꼭 남겨 두세요.

투명하게 되었는지 확인하는 방법

흰 화면에서 보는 한 투명과 흰색은 똑같이 보입니다. 다음 중 하나로 확인하세요.

1. 1

   ① 진한 색 배경 위에 겹쳐 본다

   슬라이드나 문서에 검은 네모를 놓고 그 위에 이미지를 붙입니다. 네모난 흰 바탕이 나오면 투명하지 않은 것입니다. 가장 빠른 확인 방법입니다.

2. 2

   ② 파일 형식을 확인한다

   확장자가 .jpg나 .jpeg라면 그 시점에서 투명은 들어 있지 않습니다. .png나 .webp인지 보세요.

3. 3

   ③ 편집 프로그램으로 연다

   배경이 체크무늬로 표시되면 투명입니다. 흰색 한 가지로 표시되면 흰색이 칠해져 있는 것입니다.

4. 4

   ④ 가장자리를 확대해 본다

   투명은 되었더라도 잘라 낼 때의 설정에 따라 원래 배경색이 옅게 남는 경우가 있습니다. 글자나 로고의 윤곽을 확대해 흰색이나 회색 테두리가 없는지 확인합니다.

용도별 선택 방법

SNS 아이콘은 주의가 필요합니다. 투명 PNG를 올려도 서비스 쪽에서 배경을 흰색이나 검은색으로 바꾸는 경우가 있습니다. 다크 모드에서 볼 때 윤곽이 사라지지 않도록, 배경색을 임시로 깔아도 성립하는 디자인으로 해 두면 안전합니다. 배경을 남긴 채 용량을 줄이고 싶을 때의 형식 선택은 PNG·JPEG·WebP의 차이도 함께 확인하세요.

자주 묻는 질문

투명 PNG를 JPEG로 바꾸면 왜 배경이 하얘지나요?

JPEG는 투명도 정보를 가질 수 없는 형식이기 때문입니다. 변환할 때 투명했던 부분에 색을 넣어야 하고, 대부분의 도구는 흰색으로 채웁니다. 투명을 유지한 채 용량을 줄이고 싶다면 JPEG가 아니라 WebP를 고르세요.

투명과 흰색은 다른가요?

다릅니다. 흰색은 칠해진 색이고, 투명은 색 정보를 갖지 않은 상태입니다. 흰 화면 위에서는 둘 다 똑같이 보이지만, 진한 색 배경에 겹치면 흰색은 네모난 흰 바탕으로 남습니다. 확인할 때는 검은 배경 위에 올려 보세요.

PNG와 WebP 중 어느 쪽을 쓰면 되나요?

웹사이트에 올린다면 WebP가 가벼워서 유리합니다. 다른 사람에게 보내거나 자료에 붙이는 용도라면 열리지 않는 환경이 남아 있을 가능성을 생각해 PNG가 무난합니다. 둘 다 투명과 반투명을 지원하므로 화질 차이는 거의 신경 쓰지 않아도 됩니다.

한번 JPEG로 만든 이미지를 투명으로 되돌릴 수 있나요?

되돌릴 수 없습니다. 투명했던 부분은 색으로 칠해져 있어 그 정보가 남아 있지 않기 때문입니다. PNG로 다시 변환해도 흰색 그대로입니다. 다시 잘라 내는 방법밖에 없으므로, 투명이 들어 있는 원본은 꼭 따로 보관해 두세요.