이미지 뒤 텍스트

이미지 뒤 텍스트 도구가 하는 일

이 도구는 인기 있는 '피사체 뒤 텍스트' 효과를 캔버스 한 장에 세 겹의 레이어를 쌓아 만듭니다. 첫 번째 레이어는 손대지 않은 원본 사진입니다. 두 번째 레이어는 텍스트입니다. 세 번째 레이어는 투명 PNG로 저장된 주요 피사체의 오려낸 조각으로, 첫 번째 레이어와 똑같은 좌표 위에 픽셀 단위로 그려집니다. 맨 위 레이어가 무언가를 남긴 자리마다 사진에 원래 있던 바로 그 픽셀을 담고 있기 때문에, 피사체는 글자 앞에 서 있는 것처럼 보이고 나머지 장면은 글자 뒤에 남습니다. 지워지거나 마스킹되는 것은 없으며, 착시는 전적으로 그리는 순서에서 나옵니다. 오려내기는 사용자의 컴퓨터에서 onnxruntime-web으로 실행되는 ISNet 주요 객체 세그멘테이션 모델이 담당합니다. 모델 가중치는 약 40MB이고 한 번만 내려받으며, 이후에는 브라우저가 캐시에서 제공합니다. 업로드 단계도, 계정도, 대기열도, 이미지당 비용도 없기 때문에 이 페이지에는 워터마크나 사용 횟수 제한이 없습니다. 모델이 마스크를 돌려주면 두 번째 처리가 마스크 경계를 1픽셀 깎아내고, 반투명한 경계 픽셀에 남은 배경색을 분리해 냅니다. 이 단계는 단순한 배경 제거보다 여기서 더 중요합니다. 피사체가 텍스트 위에 놓이므로, 예전 배경색이 묻어 있는 경계 픽셀은 글자를 가로지르는 색 테두리처럼 보이기 때문입니다. 이 합성에서는 1픽셀을 깎아내도 손해가 없는데, 그 아래 있는 픽셀이 첫 번째 레이어의 손대지 않은 사진에서 온 동일한 픽셀이기 때문입니다. 긴 변이 2560픽셀을 넘는 이미지는 먼저 그 크기로 축소됩니다. 경계 정리가 이웃 픽셀까지 살피는 픽셀 단위 처리라, 2400만 화소 휴대폰 사진이라면 브라우저가 여러 초 동안 멈춰 버리기 때문입니다. 내보내기는 항상 PNG입니다. 텍스트의 부분 불투명도와 피사체의 부드러운 경계를 온전히 유지하기 위해서입니다.