포토샵이나 온라인 툴을 이용해 배경을 투명하게 만든 PNG 파일을 저장했는데, 정작 파일을 열어보거나 웹사이트에 업로드하면 배경이 검은색으로 변해 당황하신 적이 있으실 겁니다. 분명히 '누끼' 작업을 마친 파일인데도 배경이 불투명하게 처리되는 현상은 디자인 작업의 흐름을 방해하는 흔한 문제입니다.
이 현상은 파일 자체가 손상된 것이 아니라, 저장 방식의 설정 오류나 파일을 확인하는 뷰어(Viewer)의 렌더링 방식 차이로 인해 발생합니다. 오늘 포스팅에서는 투명 PNG 파일이 검은색 배경으로 표시되는 구체적인 원인과 이를 완벽하게 해결하여 투명도를 유지하는 방법을 단계별로 설명해 드리겠습니다.
|
핵심 요약 1. PNG-24 또는 PNG-32 형식을 선택하여 알파 채널(투명도)을 포함시키세요. 2. 단순한 '복사-붙여넣기' 대신 반드시 '내보내기(Export)' 기능을 활용하십시오. 3. 윈도우 기본 사진 뷰어의 배경색 설정이나 미리보기 렌더링 오류인지 확인하세요. 4. 웹용으로 저장 시 'Transparency' 체크박스가 활성화되어 있는지 점검하십시오. |
PNG 배경이 검은색으로 변하는 주요 원인
이미지는 투명한 상태인데 검은색 배경이 나타나는 이유는 크게 4가지로 압축됩니다.
- 알파 채널(Alpha Channel) 누락: PNG-8 포맷으로 저장하거나 특정 옵션을 해제하면 투명도 정보가 포함되지 않고 검은색으로 채워집니다.
- 클립보드 데이터 전송 오류: 이미지를 다른 프로그램에서 복사하여 붙여넣을 때 투명 레이어 정보가 소실되고 검은색 배경이 강제로 생성됩니다.
- 뷰어 소프트웨어의 한계: 일부 구형 이미지 뷰어나 특정 웹 브라우저는 투명 영역을 검은색으로 렌더링하여 보여주는 특성이 있습니다.
- 잘못된 확장자 강제 변경: 투명도가 없는 JPG 파일의 확장자만 .png로 바꾼 경우 배경은 여전히 흰색이나 검은색으로 남습니다.
해결 방법 1: 포토샵 '웹용으로 저장' 설정 최적화
가장 확실한 방법은 저장 단계에서 투명도 데이터를 강제로 포함시키는 것입니다.
- 포토샵에서 작업을 마친 후 [파일(File)] > [내보내기(Export)] > [웹용으로 저장(Save for Web)]을 클릭합니다.
- 우측 상단 사전 설정 메뉴에서 파일 형식을 PNG-24로 선택합니다.
- 아래에 있는 '투명도(Transparency)' 체크박스에 반드시 체크가 되어 있는지 확인합니다.
- 배경 매트(Matte) 설정이 '없음'으로 되어 있는지 확인하고 저장 버튼을 누릅니다.
해결 방법 2: 윈도우 사진 뷰어 렌더링 문제 해결
파일은 정상인데 윈도우에서 볼 때만 검게 보인다면 뷰어의 문제입니다.
- 검게 보이는 파일을 마우스 오른쪽 버튼으로 클릭합니다.
- [연결 프로그램] > [Google Chrome] 또는 [Microsoft Edge]를 선택합니다.
- 브라우저에서 배경 없이 정상적으로 보인다면 파일에는 문제가 없는 것이며, 윈도우 사진 앱의 다크 모드 설정이나 캐시 문제입니다.
- 이 경우 윈도우 설정에서 '개인 설정 > 색'으로 들어가 시스템 모드를 '밝게'로 바꿔보거나 다른 이미지 뷰어(꿀뷰 등)를 사용해 보시기 바랍니다.
해결 방법 3: 모바일 및 메신저 전송 시 옵션 체크
스마트폰으로 사진을 옮길 때 배경이 생기는 현상을 방지하는 방법입니다.
- 카카오톡이나 메신저로 전송할 때 '일반 화질'이 아닌 '원본 화질'로 전송해야 투명도 레이어가 유지됩니다.
- 아이폰 사용자의 경우, 사진 앱에서 '복사하기' 후 붙여넣기 보다는 '파일 앱에 저장' 기능을 이용해 원본 확장자를 유지하며 옮겨야 합니다.
그래도 해결되지 않을 때
파일 자체의 레이어가 이미 합쳐져(Flatten) 버린 경우라면 다시 '누끼' 작업을 해야 합니다. 이럴 때는 AI 기반의 무료 온라인 도구를 사용하는 것이 가장 빠릅니다.
- Adobe Express 배경 제거 또는 Remove.bg 사이트에 접속합니다.
- 검은 배경이 생긴 파일을 업로드합니다.
- AI가 자동으로 검은색 배경 영역을 인식하여 삭제해 줍니다.
- 다운로드 시 반드시 PNG 형식을 선택하여 저장합니다.
문제 예방 방법
향후 디자인 작업 시 다음 규칙을 지키면 검은 배경 문제를 원천 차단할 수 있습니다.
- 단축키 활용: 포토샵에서
Ctrl + Shift + Alt + S를 사용하여 항상 웹용 저장 환경에서 투명도를 확인하세요. - 배경 레이어 삭제: 저장 전 레이어 패널에서 'Background'라고 적힌 자물쇠 레이어가 눈 아이콘이 꺼져 있거나 삭제되었는지 확인하세요.
- PNG-32 사용: 더욱 정교한 투명도가 필요하다면 알파 채널이 완벽히 포함되는 PNG-32 포맷을 지원하는 툴을 사용하세요.
자주 묻는 질문
Q. PNG로 저장했는데 왜 용량이 JPG보다 큰가요?
A. PNG는 무손실 압축 포맷이며 투명도 정보를 별도로 저장하기 때문에 일반적인 JPG보다 용량이 큽니다. 용량을 줄여야 한다면 'TinyPNG' 같은 최적화 사이트를 이용하세요.
Q. 웹사이트에 올렸는데 배경이 다시 검게 변해요.
A. 해당 웹사이트의 서버에서 업로드된 이미지를 자동으로 JPG로 변환하거나 리사이징하면서 투명 정보를 손실시키는 경우입니다. 사이트 관리자에게 문의하거나 PNG 전용 업로드 모드가 있는지 확인해야 합니다.
마무리 요약
투명 PNG 배경이 검게 나오는 현상은 대부분 저장 시 투명도(Transparency) 옵션 미체크 또는 뷰어의 렌더링 방식 차이 때문입니다. 저장 시에는 반드시 PNG-24 형식을 선택하고, 전송 시에는 원본 파일 그대로 이동하는 습관을 들이는 것이 중요합니다. 위 단계들을 따라 하시면 더 이상 디자인 결과물이 망가지는 일 없이 깔끔한 투명 배경 이미지를 활용하실 수 있습니다.