이미지 배경삭제 오픈 소스 라이브러리 「background-removal-js」

 

background -removal-js 는 브라우저 내에서만 동작하는 배경 삭제 라이브러리입니다. 서버와 데이터를 교환하지 않기 때문에, 서버 비용이 불필요하고 데이터가 유출될 걱정이 없다는 장점이 있습니다만, 실제로 「배경을 잘 삭제해 주는가」가 중요한 부분. 

이번에는 데모를 사용하여 다양한 이미지의 배경을 삭제해 보겠습니다.

imgly/background-removal-js
https://github.com/imgly/background-removal-js

GitHub - imgly/background-removal-js: Remove backgrounds from images directly in the browser environment with ease and no additi

background-removal-js는 패키지 관리자인 npm에서 제공되며 쉽게 웹 앱에 통합할 수 있습니다. 하지만 이번에는 바로 사용할 수 있는 데모 버전을 사용해 보겠습니다.

데모판의 화면은 이런 느낌. 자신의 이미지를 업로드할 수 있으며, 신속하게 확인하고 싶은 사람들을 위해 몇 가지 샘플이 제공됩니다. 샘플 여성의 이미지를 클릭합니다.

처리가 시작되었습니다. 실행에 필요한 파일을 다운로드하기 위해 처음에는 통신 환경에 따라 시간이 걸릴 수 있다는 것.

30초 정도로 배경 삭제가 완료되었습니다. 미리 준비된 샘플인 만큼 제법 정밀도 있게 잘라내고 있습니다. 「Edit in CE.SDK」라는 버튼을 클릭합니다.

그러면 배경 이미지를 별도로 삽입하거나 문자나 도형을 삽입할 수 있는 편집기가 나타났습니다. 이와 같이 background-removal-js는 Creative Editor SDK 와의 통합에도 대응하고 있다는 것.

 

댄서 느낌의 누님도 확실히 자르고 있습니다.

 

 

다음은 오토바이의 예. 바퀴의 틈새에 비친 안쪽의 땅도 깔끔하게 삭제할 수 있었습니다.

 

 

털북숭이 강아지는 꽤 어려울 것 같습니다만, background-removal-js의 손에 걸리면 이렇게...

 

화분과 배경의 색이 비슷하지만 문제없이 잘라냅니다.

 

준비된 샘플뿐만 아니라, 스스로 준비한 이미지로 시험해 보겠습니다. 소의 발밑은 어디까지가 다리로 어디에서가 잔디인지를 알기 어렵습니다만, background-removal-js는 적당히 구별하고 있습니다. 덧붙여 생성 AI가 아니기 때문에 풀에 숨은 부분을 새롭게 생성하는 일은 없습니다.

 

윤곽선이 꽤 흐릿한 부분도 제대로 구분하고 있습니다.

 

background-removal-js는 이미지 편집 앱이나 그래픽 디자인 툴 이외에도 온라인 거래 서비스의 출품 프로세스 등에서 이용 가능하다는 것. GPL 라이선스로 npm상에서 제공 되고 있으며, 문의를 통해 다른 라이선스의 제공도 가능하다고 합니다.