이미지·미디어 · 웹오피스 블로그

투명한 로고 주변에 흰 테두리가 생기는 이유

투명 배경 로고의 반투명 가장자리와 이전 배경 색이 합성 결과에 미치는 영향을 설명하고, 밝은 배경과 어두운 배경에서 각각 확인할 기준을 제시합니다.

편집 책임: SideSideDev · 게시: 2026년 10월 6일

먼저 답하면

투명 로고의 가장자리에는 완전히 투명하거나 불투명한 픽셀뿐 아니라 반투명 픽셀도 있습니다. 가장자리 색이 흰 배경을 기준으로 만들어졌다면 어두운 화면에서 흰 테두리가 드러날 수 있습니다. 투명 형식으로 저장하는 것만으로 이 색이 고쳐지지는 않습니다.

직접 만든 둥근 로고를 흰 배경 위에서 부드럽게 그린 뒤 배경만 제거했다고 가정해 보세요. 경계의 일부 픽셀에는 흰색과 로고색이 섞여 있을 수 있습니다. 검은 배경에 올리면 이 픽셀이 밝은 테두리처럼 보이고 흰 배경에서는 문제를 발견하기 어렵습니다.

알파 채널은 각 픽셀의 투명도를 표현합니다. 배경 색이 섞인 픽셀의 RGB 색과 알파 값은 서로 다른 정보입니다. 완전히 투명한 바깥 공간이 있다는 사실만으로 경계까지 어떤 배경에도 자연스럽게 맞는다고 판단할 수 없습니다.

PNG는 알파 투명도를 지원하고 WebP도 투명도를 표현할 수 있습니다. 일반적인 JPEG에는 알파 채널이 없어 변환 과정에서 배경과 합성해야 합니다. 투명 로고를 JPEG로 만든 다음 다시 PNG로 바꾸어도 합쳐진 배경을 자동으로 분리할 수 없습니다.

웹오피스의 형식 변환은 지원 형식으로 결과를 만드는 도구이며 배경 제거나 가장자리 색 복원 기능은 아닙니다. 흰 테두리를 수정해야 한다면 투명한 원본 로고를 확보하거나 이미지 편집 환경에서 경계를 조정한 뒤 변환하는 것이 필요합니다.

로고를 크게 확대하면 경계의 구조를 이해할 수 있지만 실제 사용 크기의 가독성도 별도로 봐야 합니다. 밝은 화면과 어두운 화면 양쪽에서 로고를 놓고 확인하세요. 작은 아이콘에서는 한 픽셀의 테두리도 눈에 띄게 보일 수 있습니다.

원본 벡터나 충분한 해상도의 투명 이미지를 보관하면 배경별 출력본을 만들기 쉽습니다. 이 글은 반투명 합성의 원리를 설명하며 특정 로고를 자동으로 수리했다는 사례가 아닙니다. 형식을 바꾸기 전에 원본 가장자리가 이미 어떤 배경을 포함하는지 살펴보세요.

공식 문서의 개념과 웹오피스의 실제 지원 범위는 다를 수 있습니다. 각 자료를 참고한 범위를 함께 표시합니다.