브라우저에서 이미지 배경 제거: 색상 키 제거기가 실제로 수행하는 작업

나는 WP Adminify 프로모션 페이지를 위해 정리 된 40 개의 제품 샷이 필요했고 이미지 당 지불하거나 공개되기 전에 somebody's 서버에 모형을 업로드하고 싶지 않았습니다. 그래서 나는 배경 제거제를 내장했습니다 Toolz.dev, 첫 번째 사진을 던지고 제품 중앙에 구멍이 뚫리는 것을 지켜보았습니다.

사진은하얀책상위에있는하얀플러그인박스였습니다. 그도구는책상을제거했습니다. 상자도제거했습니다. 왜냐하면상자가책상과같은하얀색이었기때문입니다. 저는제가영리하고AI 자형의것을만들고있다고가정했었습니다. 저는실제로훨씬간단한것을만들었고제제품의구멍은그것이무엇인지정확히알려주었습니다 - 그리고더유용하게는정확히언제아름답게작동하고실패할때도알아차렸습니다.

이 가이드는 적혀있는 그 교훈입니다. 그것은 브라우저 기반의 컬러 키 제거기가 할 수있는 일에 대해 정직하다,머리와 같은 색상의 주제에 조용히 실패 도구는 당신이 그것의 가장자리를 모르는 경우 전혀 도구보다 더 나쁘기 때문에. 여기에 모든 것은 클라이언트 측을 실행 - 당신의 이미지는 해독,처리, 탭을 떠나지 않고 다운로드됩니다.

TL;DR: X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 배경 제거제 이미지의 왼쪽 상단에 있는 색상을 샘플링하고 해당 색상에 가까운 모든 픽셀을 삭제하여 투명도를 남깁니다(PNG 출력). AI 컷아웃이 아닌 색상 키입니다. 즉, 제품 샷, 로고, 평면 일러스트레이션, 스크린샷 등 평면적이고 단색 배경에서 즉각적이고 비공개적이며 진정으로 우수하며 바쁜 사진, 그라데이션, 헤어 및 배경과 색상을 공유하는 모든 피사체에서는 진정으로 나쁩니다. 회전시키다 관용 더 많은 것을 제거하려면 위로 슬라이더하고 가장자리를 보호하려면 아래로 슬라이더하십시오. 이후에 결과를 JPG 로 변환해야합니까? The 이미지 포맷 변환기 그렇게 하지만 투명성을 잃게 됩니다.

이것은 어떤 종류의 배경 제거제입니까?

둘 다 자신을 호출 하는 도구의 두 개의 매우 다른 가족이 있다 "배경 제거제, & quot; 그리고 당신의 이미지에 대 한 잘못 된 하나를 선택 하는 것은 사람들이 좌절 얻을 단일 가장 일반적인 이유입니다.

첫 번째 가족은 AI 세분화니다. 수 백만개의 레이블이 붙은 사진에 훈련된 기계 학습 모델은 여러분의 이미지를 보고,결정하고 "this is a dog,this is a couch behind the dog," and traces the dog.이것이 remove.bg 와 유료 클라우드 도구들이 하는 일을 이해하기 때문에 머리카락,털, 어수선한 배경들을 다룬다 과목색상뿐만 아니라 비용: 일반적으로 이미지를 서버에 업로드하고 훈련된 모델이 필요하며 속도가 느립니다.

두 번째 가족은 a 색상 키- 가끔 크로마 키잉이라고 부르기도 하는데,필름의 녹색 화면과 같은 아이디어입니다. 사진에 무엇이 있는지 전혀 이해하지 못합니다. 배경색을 골라 그 색에 가까운 모든 픽셀을 삭제합니다. Toolz.dev Background Remover 는 이 두 번째 종류의 픽셀을 샘플링합니다 왼쪽 상단 모서리 이미지의,그것을 취급 "the background," 및 결정 모든 픽셀을 산책: 이 삭제 코너 색상에 충분히 가까운?

추상에서도 더 나은 것은 아닙니다. 그들은 다른 이미지에 능숙합니다. 일단 당신이 들고있는 이미지를 말할 수 있다면,당신은 도구와 싸우는 것을 멈출 것입니다.

색상 키 제거기는 무엇을 삭제할지 어떻게 결정합니까?

메커니즘은 모든 성공과 당신이 그것을 통해 얻을 수있는 모든 실패를 설명하기 때문에 이해할 가치가 있습니다.

미리보기를 누르면 도구는 왼쪽 상단 모서리 픽셀의 색상을 읽습니다 - 참조라고 부릅니다. 그런 다음 이미지의 모든 픽셀에 대해 세 가지 색상 채널에서 해당 픽셀이 참조에서 얼마나 떨어져 있는지를 합산합니다:

difference = |R - refR| + |G - refG| + |B - refB|

그것은 빨강,녹색, 파랑 거리의 평범한 합입니다 (맨해튼 거리,용어를 원한다면). 만약 총 difference 당신의 아래에 있습니다 관용 설정,pixel's 알파는 0 으로 설정됩니다 - 투명해집니다. 위에 있으면 픽셀은 그대로 유지됩니다.

세 가지 결과는 그 공식에서 바로 나오며, 그것은 전체 이야기입니다:

첫째, 모서리는 배경이어야 합니다. 도구는 왼쪽 상단 픽셀이 사라지기를 원하는 것의 일부라고 가정합니다. 피사체가 해당 모서리에 도달하면 피사체가 배경이라고 도구에 알리는 것입니다. 모서리가 깨끗하도록 자르거나 다시 구성합니다.

그 사촌: 배경은 대략 한 가지 색이어야 합니다. 평평한 흰색 스튜디오 스윕은 하나의 색상입니다. 흐릿한 카페,하늘 그라데이션,곡물이있는 나무 책상 - 그것들은 많은 색상이며 도구는 구석에있는 것에 대해서만 알고있었습니다. 우연히 일치하는 부분을 삭제하고 나머지는 추악한 프린지로 남겨 둘 것입니다.

두번째, 배경과 일치하는 주제 색상도 삭제됩니다. 흰색 책상에 내 흰색 상자는 표준 실패입니다. 회색 벽에 회색 셔츠를 입은 사람은 셔츠를 잃습니다. 도구는 셔츠가 "subject" - 참조 회색 근처에만 회색을 봅니다.

이 도구가 정확히 맞을 때

나는 한계에도 불구하고 그것을 위해 계속 도달한다,왜냐하면 구체적이고 매우 일반적인 이미지 세트를 위해 그것은 구름 기반의 어떤 것보다 더 빠르고 사적이기 때문이다. 그것은 빛난다:

견고한 스윕에 제품 사진. 평범한 흰색 또는 평범한 색상의 배경 - 종이 한 장, 평범한 배경 롤, 라이트 박스 - 에서 촬영하면 한 번의 클릭으로 컷 아웃이 깨끗합니다. 이것은 전자 상거래 워크 플로우입니다: 흰색 배경 제품 이미지는 Amazon에서 효과적으로 필요하며 Etsy 및 eBay에서 예상됩니다.

로고 및 평면 그래픽. 견고한 배경, 평면 일러스트레이션, 아이콘으로 내보낸 로고 - 이미 몇 가지 평면 색상으로 구성되어 있으며 이는 정확히 색상 키가 원하는 것입니다.

스크린샷 및 UI 캡처. 콘텐츠만 필요할 때 균일한 도구 모음이나 캔버스 색상 키가 있는 스크린샷이 깔끔하게 나옵니다.

녹색으로 가려졌을 것입니다. 촬영을 제어하고 피사체가 하는 평평하고 대조되는 색상에 피사체를 배치할 수 있는 경우 아닙니다 착용, 이 도구는 진정으로 전문가 등급입니다.

다른 것을 사용하는 경우

허용 오차 슬라이더에 10분을 낭비하기 전에 이미지에 대해 솔직하게 설명하세요:

머리카락이 보이는 사람들의 사진. 어떤 배경에 대한 미세한 가닥은 현장에서 가장 어려운 문제이며 색상 키로는 할 수 없습니다. AI 도구에 도달.

바쁜 또는 그라데이션 배경. 거리, 객실, 하늘, 보케 - 다양한 색상, 하나의 참조, 프린지 보장.

배경색을 공유하는 피사체. 슬라이더 설정이 흰색 바탕에 흰색 개체를 고정하지 않습니다. 대조되는 배경에서 다시 촬영하거나 분할을 사용합니다.

Toolz.dev에서 배경을 제거하는 방법, 단계별

인터페이스는 일부러 작습니다. 계정도 없고 업로드도 없고 워터마크도 없습니다.

1 단계: 도구를 엽니 다

로 이동 배경 제거제. 전체가 페이지로 로드됩니다; 다운로드할 모델도 없고 서버 호출도 없습니다.

2 단계: 이미지 업로드

드롭존을 클릭하고 파일(JPG, PNG 또는 웹P 모든 작업). 그것은 페이지로 직접 읽습니다. 그 확인 왼쪽 상단은 배경입니다- 이것이 중요한 하나의 프레이밍 규칙입니다. 피사체가 그 구석에 갇히면 다음에 무엇을 하든 결과가 잘못됩니다.

3단계: 허용오차를 설정한 다음 미리보기합니다

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 관용 슬라이더는 0 에서 200 까지 실행되며 50 에서 시작합니다. 낮은 공차는 모서리에 매우 가까운 색상 만 제거합니다 (안전하지만 배경에 가까운 픽셀의 후광을 남길 수 있음). 높은 공차는 더 넓은 범위의 색상 (더 깨끗한 스윕이지만 가장자리와 일치하는 대상 색상을 먹음) 을 칩니다 미리보기 그리고 바둑판을 보세요. 그 패턴은 투명한 영역입니다.

4 단계: 조정

배경이 살아남는다면 허용 오차를 위로 밀어 올리고 다시 미리보기. 피사체가 가장자리를 잃거나 구멍이 생기면 아래로 밀어 넣으십시오. 피사체를 건드리지 않고 배경을 지우는 설정을 찾고 있습니다. 잘 촬영 된 평면 배경의 경우 일반적으로 작동하는 넓고 편안한 범위가 있습니다.

5 단계: PNG 다운로드

클릭 다운로드 PNGPNG 는 투명성을 지원하는 일반적인 웹 형식이기 때문에. 출력은 항상 PNG 입니다 - 그게 전체 요점입니다. 파일은 브라우저에서 생성되고 기계에 바로 저장됩니다.

색상 키 대 AI 컷 아웃: 당신은 실제로 어느 것을 원하십니까?

나를 위해 그것을 결정하는 행은 다음과 같습니다 프라이버시와 평면 배경. 내가 촬영을 제어하면 배경도 제어하고, 정직하고 지루한 컬러 키가 영리한 AI 도구를 능가하며, 미공개 자산을 어디에도 보내지 않습니다.

더 깨끗한 결과를 얻는 몇 가지 습관

도구를 위해 촬영. 가장 큰 하나의 레버는 소프트웨어가 아니라 입력입니다. 평범하고 대조적이며 균일하게 조명 된 배경의 주제는 한 번의 클릭으로 잘라냅니다. 종이 한 장을 배열하는 5 분이 한 시간의 슬라이더 레슬링을 능가합니다.

코너를 깨끗하게 유지하세요. 프레임 그래서 상단 왼쪽 픽셀은 unambiguously 배경입니다. 그것은 tool's 유일한 참조입니다.

대비가 내성을 이깁니다. 피사체와 배경의 색상이 가까우면 슬라이더가 저장되지 않습니다. 설정이 아닌 배경을 변경하세요.

크기 조정 전, 압축 후. 최종 이미지가 웹에 있는 경우 컷아웃을 실행하세요 이미지 크기 조정 정확한 치수를 위한 도구입니다 이미지 압축기 파일을 축소하려면. Do those 이후 제거하므로 여전히 필요한 가장자리 세부 사항을 압축하지 않습니다.

당신이 끝날 때까지 그것을 PNG 유지. 모든 중간 단계는 투명성이 살아남을 수 있도록 PNG 를 유지해야한다. 그 목적지가 PNG 를 취할 수없는 경우에만 최종 목적지에 대한 JPG 에 평평 - 그리고 당신이 할 때 투명 영역이 고체 채우기가된다는 것을 알고.

자주 묻는 질문

이 도구는 AI를 사용하여 배경을 제거합니까?

아니,그리고 그것은 고의적 이다. 그것은 색상-키 제거기: 그것은 샘플 상단 왼쪽 모서리 색상 및 그것에 가까운 픽셀을 삭제,완전히 귀하의 브라우저에서. 즉,즉시 하 고 완전히 비공개,하지만 그것은 AI 모델이 것 처럼 복잡 한 사진 보다는 평면,단단한 배경에서 작동 의미. tool's 자신의 메모는 많은 것을 말한다-바쁜 배경에 대 한,AI 컷아웃은 더 적합 합니다.

왜 내 과목의 일부를 삭제했나요?

피사체의 일부가 배경에 가까운 색이었기 때문입니다. 도구는 피사체가 무엇인지 인식하는 것이 아니라 색상별로 삭제하므로 흰색 벽에 있는 흰색 셔츠 또는 피사체가 앉은 책상과 동일한 색조의 제품이 배경과 함께 제거됩니다. 수정 사항은 다른 슬라이더 설정이 아니라 피사체와 대조되는 배경입니다.

공차 슬라이더가 실제로 변경되는 것은 무엇입니까?

픽셀이 코너 색상과 얼마나 다를 수 있고 여전히 삭제되는지에 대한 컷오프입니다. 낮은 허용 오차는 거의 동일한 색상만 제거합니다 (안전하지만 후광을 남길 수 있음). 높은 허용 오차는 더 넓은 범위를 제거합니다 (평평한 스윕에서는 더 깨끗하지만 가장자리를 먹습니다). 0 에서 200 까지 실행되며 기본값은 50 입니다; 피사체를 건드리지 않고 배경이 지워질 때까지 미리보고 조정합니다.

출력이 항상 PNG 인 이유는 무엇입니까?

PNG 는 투명도를 지원하고 JPG 는 지원하지 않기 때문입니다. 배경을 제거한다는 것은 픽셀을 투명하게 만드는 것을 의미하며 알파 채널이 있는 형식만 이를 저장할 수 있습니다. JPG 와 동일한 이미지를 내보내면 투명 영역이 단색,보통 흰색으로 축소됩니다.

사람의 사진에서 배경을 제거할 수 있나요?

평평하고 대조되는 배경에 대한 깨끗한 스튜디오 스타일의 샷이고 사람이 그 색에 가깝지 않은 경우에만 실제 배경에 머리카락이있는 일상적인 사진의 경우이 도구는 프린지를 남길 것입니다 - AI 세분화 도구가 보관을 얻는 경우입니다.

내 이미지가 아무데나 올라와 있나요?

아니요. 이미지는 browser's 캔버스를 사용하여 페이지 내부에서 디코딩 및 처리되며 다운로드할 때 PNG 가 로컬로 생성됩니다. 서버로 전송되는 것은 없으므로 아직 공개되지 않은 제품 샷 및 자산에 사용하는 것이 안전합니다.

이미지에서 흰색 배경을 어떻게 제거합니까?

도구가 제작 된 경우입니다. 흰색 배경은 평평하고 균일하므로 코너 샘플이 순백색에 떨어지고 적당한 공차가 한 번의 패스로 전체 필드를 지 웁니다. 이미지를 떨어 뜨리고 미리보기를 확인한 다음 희미한 회색 테두리가 가장자리 근처에서 살아남는 경우에만 공차를 쿡쿡 찌릅니다. 스튜디오 샷과 스캔 로고는 종종 진정한 #FFFFFF 가 아닌 약간 오프 화이트 그라데이션을 갖습니다. 볼 수있는 한 가지는 피사체 내부의 흰색입니다: 도구가 물체를 인식하지 않고 색상과 일치하기 때문에 흰색 머그 또는 흰색 셔츠가 배경과 함께 사라집니다.

컷아웃 주위에 흰색 또는 색상 가장자리가 있는 이유는 무엇입니까?

그 프린지는 앤티앨리어싱입니다. 원본 이미지는 윤곽선이 매끄럽게 보이도록 배경 색상 중간에 subject's 가장자리 픽셀을 혼합했기 때문에 해당 혼합 픽셀은 subject 도 배경도 아닙니다. 공차 컷오프 바로 바깥에 앉아 삭제 후에도 살아남습니다. 공차를 조금 높이면 일반적으로 후광을 먹지만 너무 멀리 밀면 피사체 자체를 물어뜯기 시작합니다. 프린지가 모든 설정에서 지속되면 기본 이미지의 경계에서 대비가 충분하지 않으며 더 대조적인 배경에 대한 샷은 슬라이더가 할 수 없는 것을 1초 안에 수정할 수 있습니다.

나중에 잘라낸 피사체 뒤에 단색을 어떻게 넣나요?

투명 PNG를 편집기의 컬러 레이어에 놓거나 편집기를 통해 JPG로 내보냅니다 이미지 포맷 변환기는 투명 영역을 배경색으로 채웁니다. 웹용은 CSS 배경 위에 투하된 투명 PNG 가 보통 더 깔끔한 경로입니다.

감싸는 중

그 첫 번째 제품 샷에서 내가 만든 실수 - AI 컷 아웃을 기대하고 색상 키를 얻는 - 거의 모든 사람들이 브라우저 배경 제거제로 만드는 실수이며,당신이 무엇을 들고 있는지 알게되면 완전히 피할 수 있습니다. 이 도구는 한 가지 일을합니다: 그것은 배경 색상을 삭제하고 투명성을 제공합니다. 평평하고 대조되는 배경을 주면 업로드 기반 도구가 일치 할 수없는 방식으로 빠르고 무료이며 무제한이며 비공개입니다. 혼잡 한 거리에 머리카락을 주면 실망하게 될 것이며 이제는 대신 다른 도구에 도달 할 것을 알고 있습니다.

시작하세요 배경 제거제. 나중에 샷을 청소하십시오 이미지 크기 조정 그리고 the 이미지 압축기및 로 형식을 변환합니다 이미지 포맷 변환기 당신이해야하는 경우. 그것의 모든 브라우저에서 실행 - 아무것도 당신은 이제까지 탭을 떠나 드롭.