[{"data":1,"prerenderedAt":29},["ShallowReactive",2],{"blog-ko-transparent-images-white-background-edge-halos-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":28},"transparent-images-white-background-edge-halos-guide","ko","투명 이미지의 흰 배경과 흰 테두리 원인","뷰어 배경, 투명 정보 손실, 가장자리 잔색을 구분하고 PNG·JPG의 차이와 배경 제거·내보내기·크기 변경·압축 후 확인 방법을 알아봅니다.","2026-09-14","DocCrunch Team",[11,12,13,14],"투명 이미지","PNG 흰 배경","배경 제거 흰 테두리","이미지 배경 제거",[11,12,13,14],"투명 이미지를 내보낸 뒤 흰 배경이나 흰 테두리가 생기는 이유",5,"\u003Cp>배경을 제거한 이미지가 편집기에서는 정상인데 다운로드하면 흰 배경으로 보일 수 있습니다. 어두운 페이지에 놓았을 때 피사체 주위에 밝은 테두리가 나타나기도 합니다. 비슷해 보여도 원인은 다를 수 있습니다.\u003C\u002Fp>\n\u003Cp>파일에 투명 정보가 있는지, 뷰어가 배경을 어떻게 표시하는지, 가장자리에 원래 배경색이 남았는지를 따로 확인해야 합니다. 그래야 다시 내보낼지, 이미지를 더 수정할지 판단할 수 있습니다.\u003C\u002Fp>\n\u003Ch2>흰 배경이 뷰어의 표시일 수 있다\u003C\u002Fh2>\n\u003Cp>투명 영역에 정해진 표시 색은 없습니다. 프로그램이 흰색, 검은색, 바둑판무늬 등을 뒤에 깔기 때문에 같은 파일도 다르게 보입니다.\u003C\u002Fp>\n\u003Cp>다른 색 배경 위에 이미지를 놓아 보세요. 흰 부분이 새 배경색을 따라 바뀐다면 투명합니다. 흰 직사각형이 그대로 남으면 흰색이 이미지 자체에 포함되었을 가능성이 큽니다.\u003C\u002Fp>\n\u003Cp>편집기의 투명 표시용 바둑판무늬는 보통 내보낸 파일에 들어가지 않습니다. 하지만 미리보기를 화면 캡처하면 무늬도 실제 픽셀이 됩니다. 그 캡처를 PNG로 저장해도 투명 배경은 복원되지 않습니다.\u003C\u002Fp>\n\u003Ch2>PNG라고 모두 투명한 것은 아니다\u003C\u002Fh2>\n\u003Cp>형식은 저장할 수 있는 정보를 정할 뿐, 각 파일의 내용을 보장하지 않습니다. PNG는 투명 영역도, 완전히 불투명한 사진도 저장합니다. 흰 배경 JPG를 PNG로 바꿔도 흰색은 자동으로 없어지지 않습니다.\u003C\u002Fp>\n\u003Cp>배경이 이미지에 포함되어 있다면 먼저 제거해야 합니다. \u003Ca href=\"\u002Fko\u002Fimage-remove-bg\u002F\">DocCrunch 배경 제거\u003C\u002Fa>는 브라우저 안에서 로컬로 처리하고 PNG로 내보냅니다. 확장자만 보지 말고 다운로드한 결과의 가장자리를 확인하세요.\u003C\u002Fp>\n\u003Cp>JPG는 투명도를 지원하지 않습니다. 투명 이미지를 JPG로 내보내려면 배경색과 합성해야 합니다. 이를 다시 PNG로 바꿔도 사라진 투명 정보는 자동 복원되지 않습니다.\u003C\u002Fp>\n\u003Ch2>흰 직사각형과 밝은 테두리는 따로 처리한다\u003C\u002Fh2>\n\u003Cp>전체 흰 배경은 대개 파일 내용, 출력 형식, 뷰어와 관련됩니다. 피사체 둘레의 테두리는 가장자리 처리에 관한 문제일 때가 많습니다.\u003C\u002Fp>\n\u003Cp>머리카락, 털, 유리, 약간 흐린 윤곽에는 피사체와 배경 정보가 함께 들어갈 수 있습니다. 배경을 지운 뒤에도 일부 픽셀에 기존 색이 남습니다.\u003C\u002Fp>\n\u003Cp>원래 배경이 밝았다면 흰 페이지에서는 잘 안 보이다가 어두운 바탕에서 밝은 테두리로 드러납니다.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>보이는 현상\u003C\u002Fth>\n\u003Cth>가능한 원인\u003C\u002Fth>\n\u003Cth>먼저 확인할 것\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>이미지 뒤에 흰 직사각형\u003C\u002Ftd>\n\u003Ctd>뷰어 바탕, 원래 흰 배경, 투명 정보 손실\u003C\u002Ftd>\n\u003Ctd>바탕색 변경과 실제 파일 형식 확인\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>얇고 밝은 테두리\u003C\u002Ftd>\n\u003Ctd>기존 배경색이 가장자리에 남음\u003C\u002Ftd>\n\u003Ctd>어두운 배경에서 확대\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>머리카락이나 작은 부품 누락\u003C\u002Ftd>\n\u003Ctd>피사체 일부도 함께 제거됨\u003C\u002Ftd>\n\u003Ctd>원본과 윤곽 비교\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>바둑판무늬가 계속 보임\u003C\u002Ftd>\n\u003Ctd>미리보기 캡처 또는 무늬가 포함된 이미지\u003C\u002Ftd>\n\u003Ctd>실제 처리 결과를 다운로드했는지 확인\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>테두리를 숨기려고 윤곽 전체를 안쪽으로 잘라내면 머리카락, 가는 선, 제품 세부도 잃을 수 있습니다. 복잡한 가장자리는 부분 수정이 필요하며 형식 변경만으로 해결되지 않습니다.\u003C\u002Fp>\n\u003Ch2>밝은 배경과 어두운 배경에서 모두 확인한다\u003C\u002Fh2>\n\u003Cp>한 가지 배경만 사용하면 문제를 놓치기 쉽습니다. 밝은 배경은 어두운 잔색을, 어두운 배경은 밝은 테두리를 드러냅니다. 마지막으로 실제 사용할 바탕에서 윤곽과 남은 그림자가 자연스러운지 확인하세요.\u003C\u002Fp>\n\u003Cp>실제 표시 크기로 먼저 본 다음 아래 부분을 확대합니다.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>머리카락, 털 등 섬세한 윤곽.\u003C\u002Fli>\n\u003Cli>구멍, 손잡이, 내부에서 배경이 보여야 하는 영역.\u003C\u002Fli>\n\u003Cli>유리, 얇은 천 같은 반투명 부분.\u003C\u002Fli>\n\u003Cli>피사체 아래 그림자와 접촉 가장자리.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>일부만 투명한 픽셀이 반드시 오류인 것은 아닙니다. 자연스럽고 부드러운 경계는 불투명도가 달라질 수 있습니다. 이를 모두 단단한 경계로 만들면 계단 현상이나 종이 오리기 같은 느낌이 생깁니다.\u003C\u002Fp>\n\u003Ch2>최종 용도에 따라 투명도를 보존한다\u003C\u002Fh2>\n\u003Cp>여러 배경색 위에 올릴 소재라면 투명 버전을 보관하세요. PNG가 흔한 선택이며 WebP와 AVIF도 투명도를 지원합니다. 다만 받는 프로그램과 내보내기 도구의 지원 여부를 각각 확인해야 합니다.\u003C\u002Fp>\n\u003Cp>고정된 배경만 필요하다면 내보낼 때 색을 직접 선택합니다. \u003Ca href=\"\u002Fko\u002Fconvert-to-jpg\u002F\">DocCrunch 이미지 형식 변환\u003C\u002Fa>은 JPG, PNG, WebP, AVIF를 제공하며 JPG 배경은 흰색, 회색, 검은색 중 고를 수 있습니다.\u003C\u002Fp>\n\u003Cp>색을 지정하면 결과를 예측하기 쉬워지지만, 투명 영역 뒤에 색을 넣을 뿐 잘라낸 가장자리를 다시 계산하지는 않습니다. 밝은 잔색은 어두운 채움에서도 보일 수 있습니다.\u003C\u002Fp>\n\u003Cp>투명 원본과 최종 전달용 파일을 따로 보관하면 배경을 바꿀 때 합성된 이미지에서 다시 배경을 제거할 필요가 없습니다.\u003C\u002Fp>\n\u003Ch2>크기를 바꾼 뒤에도 가장자리를 확인한다\u003C\u002Fh2>\n\u003Cp>확대나 축소로 가는 선이 옅어지고 작은 구멍이 덜 보이거나, 이전에 미미했던 색 테두리가 두드러질 수 있습니다.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fko\u002Fimage-resize\u002F\">이미지 크기 변경\u003C\u002Fa>으로 최종 크기를 만든 다음 실제 배경에서 확인하세요. \u003Ca href=\"\u002Fko\u002Fimage-compress\u002F\">이미지 압축\u003C\u002Fa>도 한다면 압축된 파일을 마지막 확인 대상으로 삼습니다.\u003C\u002Fp>\n\u003Cp>편집기의 중간 미리보기만 보아서는 부족합니다. 실제 다운로드한 파일의 형식, 크기, 투명 영역, 가장자리 상태가 용도에 맞아야 합니다.\u003C\u002Fp>\n\u003Cp>피사체가 온전하고, 대상 배경에 자연스럽게 어울리며, 의도하지 않은 바탕색이 없어야 쓸 수 있는 투명 이미지입니다. 확장자를 반복해서 바꾸는 것보다 이 항목들을 확인하는 편이 효과적입니다.\u003C\u002Fp>\n",[20,22,24,26],{"slug":21},"image-remove-bg",{"slug":23},"convert-to-jpg",{"slug":25},"image-resize",{"slug":27},"image-compress",[],1789443232042]