# ⚙️노트에 배치하는 투명 이미지 소재의 여백을 모아서 삭제하고 싶어서 앱을 만들었습니다. 덤으로 배포합니다. 인디자인과도 높은 호환성을 자랑합니다.

> https://bookfactory.kr/board/design/17609
> 게시판: 디자인
> 작성자: admin
> 작성일: 2026-09-18T06:49:04.870Z

---

![見出し画像](https://assets.st-note.com/production/uploads/images/314568403/rectangle_large_type_2_21d87ce128e936670475314fe133f668.png?width=1280)

> 
> 
> 바로 아래의 사양서로 가세요 👇
> 

안녕하세요, 모니야님🙌

오늘은 매우 좁고 특수한 이야기를 하려고 합니다. 디자인이나 편집을 하시는 분들은 아마 이해해주실 거예요.

결론부터 말씀드리자면? 👉

### .png 주변의 여백은 방해되지 않죠…؟؟؟؟؟؟

노터 여러분, 노트에서 배경 투명 이미지를 배치하면 어떻게 되나요?

이렇게 될까요?!

![画像](https://assets.st-note.com/img/1789690147-ZLq1MTJ50AY6Uxp8SRBkHNFo.png)

그래, 우리에게는 어쩔 수 없는, 침범할 수 없는 여백이 있거든요! 물론이죠!

왜냐하면, 그건…

“투명한데…”, “보이지는 않지만 여기가 제 영역입니다.”

그 데이터가 거기에 있거든요!

이거, 잃고 싶지 않으세요? 아니면 원하는 폭으로 조정하고 싶으세요?

할 수 있어! ✨ 이 도구를 사용하면 돼!! ✨ (사기성)

![画像](https://assets.st-note.com/img/1789690492-a8tspzIl7c2rAxCwZRO3FHT0.png)

![画像](https://assets.st-note.com/img/1789690492-QfOyT98W0UHXIxsNMaSY5qV6.png)

이 분이 더 편하시겠네요.

### 성실한 이야기

오늘도 늦잠을 자버렸어요. 아침 8시까지 늦잠을 자는 건 정말이지 제게 있어서 엄청난 일이죠. 평소에는 7시 반쯤에 일어나는데, 오늘은 뭔가 특별한 일이 있었는지, 아니면 그냥 몸이 으슬으슬 떨리는 느낌이어서 그런 걸까요. 

어쨌든, 늦게 일어났으니 늦게 일어나서 늦게 밥을 먹게 된 건 당연한 일이었죠. 그래서 저는 간단하게 토스트와 커피로 배를 채우고, 씻고, 옷을 갈아입고 바로 출근했어요. 

오늘의 업무는 ‘마법의 숲’이라는 제목의 소설을 읽고, 그 소설의 등장인물인 ‘엘리아’의 캐릭터 분석을 하는 것이었어요. ‘마법의 숲’은 최근에 출간된 신작 소설인데, 작가 ‘카와무라 료’가 쓰고 있어요. 카와무라 료는 이전에도 여러 권의 소설을 발표했는데, 모두 독자들에게 큰 인기를 얻었죠. 특히, 그의 이전 작품인 ‘별빛의 노래’는 베스트셀러였고, 많은 사람들에게 사랑받고 있어요. 

저는 ‘마법의 숲’을 읽으면서 엘리아라는 캐릭터가 정말 매력적이라고 생각했어요. 엘리아는 숲을 지키는 마법사인데, 외모는 평범하지만 내면에는 강한 의지와 용기를 가지고 있어요. 그리고 그녀는 항상 긍정적인 마음으로 세상을 바라보죠. 

엘리아의 캐릭터 분석을 하면서 저는 그녀의 삶의 철학에 대해 깊이 생각하게 되었어요. 엘리아는 ‘가장 중요한 것은 마음의 평화’라고 생각하는 것 같아요. 그녀는 항상 자신의 마음을 다스리고, 주변 사람들과의 관계를 소중히 여기죠. 

저는 엘리아의 삶의 철학을 통해 저 자신을 돌아보는 기회를 얻었어요. 저는 지금 제 삶의 방향에 대해 고민하고 있어요. 앞으로 어떻게 살아가야 할지, 어떤 일을 해야 할지, 무엇을 배우고 경험해야 할지… 

저는 엘리아처럼 마음의 평화를 찾고, 주변 사람들과의 관계를 소중히 여기며, 긍정적인 마음으로 세상을 살아가는 사람이 되고 싶어요. 

오늘 하루도 저는 ‘마법의 숲’의 엘리아처럼 긍정적인 마음으로 하루를 보내도록 노력할 거예요.

그러다 제가 일과 취미로 인디자인을 사용하고 있습니다.

프레임을 준비하고! 요소를 삽입하고! 완벽한 마법!

![画像](https://assets.st-note.com/img/1789611553-FrGxXdKVp8nBMkbwaDNjeUlZ.png?width=1200)

익숙한 이 단축키로 사각형을 꽉 채웠는데……

원래 이미지가 이렇게였다고 하자마자……

![画像](https://assets.st-note.com/img/1789611781-WOykhi5cANmGq82pEbsvxT0P.png)

물론 여백까지 프레임에 맞춰야 하는 건 아니니까… 자, 그럼요!!!

![画像](https://assets.st-note.com/img/1789611818-akSbYgC15voyD3weNxzlMK49.png)

정말, 꼭 꽉 찬 느낌으로 해줬으면 좋겠어요.

![画像](https://assets.st-note.com/img/1789612016-1hD037Lq9vKWum4SGiTcA6Iz.png)

이렇게 손으로 꼼꼼하게 수정하는 건 정말 스트레스가네요.

텍스트의 겹침을 활용하거나 하면 더욱 그렇고, 예를 들어 이렇게, 도형 바로 옆에서 피하도록 하고 싶지 않아도 되는 경우

![画像](https://assets.st-note.com/img/1789612365-HI2da4xVAlBC5JpgnDUXE1io.png?width=1200)

원래 여백 그대로라면 이렇게 될 텐데요.

![画像](https://assets.st-note.com/img/1789612578-KWjdoqQHbr7DZYpaMGtSc2EP.png?width=1200)

그래서 그 편집 작업에 사용할 투명 이미지 소재들을 모아서 깔끔하게 잘라주는 나만을 위한 도구를 만들고 싶습니다.

물론 브라우저로 할 수 있는 도구도 있고, 포토샵으로도 어느 정도는 가능해 (“이미지” 메뉴에서 “자르기(투명 픽셀 기준)”를 사용) 하지만, 꼭 필요한 건 아니야. 굳이 그 끔찍하게 무거운 Ad🙆‍♀️be 제품(말이 좀 심한, 항상 이용해 주셔서 감사합니다 ㅠㅠ)을 또 하나 실행해서 한 장씩 자르기는 절대 안 돼, 너무 번거롭잖아.

액션을 조합하여 배치 처리를 실행하는 방법도 있는 것 같지만, 엄청난 양의 PNG 파일 때문에 굳이 Photoshop을 실행하여 액션의 저장 위치를 지정하는 등의 작업을 하는 것은 번거롭다.

### 그 후, 이런 일이 있었는데.

최근의 4자어 정교집 특집 기사에서는 제 예상보다 훨씬 더 많은 분들이 참여해 주셔서,

이렇게 나열하면 양이 너무 많아서, 덕분에 많은 분들이 참여해주신 설문조사를 읽어보지 못할 수도 있겠어요!

어떤 위기감 때문에 설문 조사 결과를 카드 형태로 정리하기로 했습니다.

그 카드를 PNG로 저장할 때, 전체 페이지를 한 번에 저장하면 페이지 단위의 여백이 남고, 저장하고 싶은 오브젝트를 선택하면 하나씩 수동으로 처리해야 합니다.

여러 페이지에 걸쳐 방대한 양의 카드를 하나하나 수동으로 선택하여 PNG로 저장하는 과정을

저런, 그런 끔찍한 고통을 감수하는 건……?

으악! 망신이다!

그보다, 모든 페이지를 한 번에 추출하여, 제가 만든 도구로 모든 파일을 한 번에 잘라내거나 할 수 있을까요…?

그렇게 해서 조사해 봤습니다.

얘야, 잠시만 기다려. 이 『별의 전설』은 정말 감동적이다.
왜냐하면, 이 책은 어렸을 때 읽었을 때와는 전혀 다른 시선으로 재해석할 수 있기 때문이다.
그 왕자의 말은 어른이 되고 나서야 깨닫게 되는 소중한 것들뿐이니까.

특히, 그 『장미』 장면은 정말 가슴 아프다.
장미를 기르는 것은 사랑을 쏟아붓는 것과 같고,
그 사랑은 상대방에게도 전달된다.
하지만 장미를 죽게 하면 그 사랑은 사라지니,
이는 인간 관계에도 적용될 수 있을 것이다.

게다가, 이 책은 시간이 없는 사람도 짧은 시간 안에 읽을 수 있도록 쓰여 있어서,
쉽게 읽을 수 있는 것이 좋겠다.
하지만 푹 쉬면서 이 책을 읽어보는 것을 추천한다.
정말, 너도 『별의 전설』의 말에 뭔가 공감할 것이다.

같은 스트레스에 고생하는 동지 여러분, 혹시 있다면, 좋았다면 사용해 봐 주십시오. 다만, 제가 혼자 위해 만든 것이므로, 맥(Mac) 터미널에서 사용하는 CLI 버전입니다.

CLI를 먹지 못하는 거였는데, 저도 처음 먹어보았지만 생각보다 사용하기 쉬웠어요! 파일 선택할 때는 평소처럼 창이 뜰 거예요! 🥰

필요한 경우 Windows 버전이나 UI가 있는 버전도 검토해 볼 수 있지만, 그렇지 않을 가능성이 큽니다. 문제가 있다면 댓글로 알려주시면 감사하겠습니다.

다음은 상세 내용입니다.

## 🖼️ 이미지 일괄 투명 여백 자르기 도구

이미지의 불필요한 투명한 여백(투명 배경)을 자동으로 감지하고 일괄적으로 잘라내는 CLI 툴입니다. macOS 네이티브의 Finder 파일 선택 화면이 열리고, 평소처럼 마우스나 Command(⌘) + 클릭, Shift + 화살표 키로 여러 이미지를 함께 선택할 수 있습니다.

## 이번 업데이트에서는 다음과 같은 점이 개선되었습니다.

*   **‘즐겨찾기’ 기능 개선**: 이전보다 더욱 원활하게 작품을 저장할 수 있도록 인터페이스가 개선되었으며, 저장한 작품에 대한 알림이 더욱 빠르게 도착하도록 개선되었습니다.
*   **검색 기능 강화**: 작품명뿐만 아니라 키워드나 태그 등 더욱 상세한 조건으로 검색할 수 있게 되어 사용자가 이전보다 더욱 자신에게 맞는 작품을 찾기 쉬워졌습니다.
*   **재생 기능 개선**: 재생 중 발생하는 버그가 수정되어 더욱 안정적인 재생 환경이 구현되었으며, 재생 속도 조절 기능이 강화되어 더욱 세밀하게 재생 속도를 조절할 수 있게 되었습니다.
*   **UI/UX 개선**: 전반적으로 UI/UX가 개선되어 더욱 직관적이고 사용하기 쉬운 인터페이스가 되었습니다.
*   **성능 개선**: 앱 전체의 성능이 향상되어 더욱 부드러운 작동을 구현했습니다.

- 직관적인 파일 선택: 경로를 직접 입력할 필요 없이 맥 표준의 파일 선택 대화 상자가 실행되어 여러 파일을 선택할 수 있습니다.
- ⚡️ 고속·정밀 트리밍: Node.js의 고성능 이미지 처리 라이브러리 Sharp를 활용했습니다.
- 📏 패딩 조정: 0px (극단적인 자르기/기본) 5px, 10px, 20px 또는 자유로운 숫자 지정
- 안전한 파일 관리: 항상 원본 파일명\_YYYYMMDD\_HHmmss.확장자 형식으로 타임스탬프를 추가하여 outbox/ 폴더에 별칭으로 저장합니다. 같은 이름이 이미 존재하는 경우 \_2, \_3 등의 연번을 붙여 기존 출력을 덮어쓰지 않습니다. 원본 이미지는 이동하거나 변경하거나 삭제되지 않고 그대로 보존됩니다.
- 넓은 형식 지원: PNG, WebP, GIF, AVIF, TIFF 등 투명 이미지에 대응하며, 애니메이션이나 여러 페이지 이미지의 경우 내용 손실 없이 안전하게 건너띔니다.
- 투명 이미지만을 처리하며, 투명 채널이 없는 이미지는 그림이 잘못 잘리지 않도록 건너뜁니다.
- 🛡 완전 투명 이미지 자동 건너뛰기: 描画 내용이 없는 (전면 투명한) 이미지는 안전하게 감지 및 건너뛰어 요약에 알림을 제공합니다.

## 필요한 환경

- macOS 15.6.1에서 동작 확인이 완료되었으며, 다른 버전은 미검증되었습니다.
- Node.js 20.9.0 이상
- 이 프로젝트를 지지해주신 카구미株式会社 관계자분들께 진심으로 감사드립니다.
카구미사에서는 이 프로젝트의 기획 및 운영 과정에서 다양한 협조와 지원을 제공받았습니다.
구체적으로 번역, 교정, 디자인 등 다각적인 지원을 받았습니다.
또한, 이 프로젝트의 추진에 있어 카구미사 관계자분들로부터 소중한 조언을 얻었으며, 이에 감사드립니다.
특히, 프로젝트 매니저인 다나카 님께서는 매일의 진행 상황을 공유해주시고 정확한 지시를 내려주셔서 진심으로 감사드립니다.
카구미사 포함, 이 프로젝트에 참여해주신 모든 분들께 다시 한번 감사의 말씀을 드립니다.
이 프로젝트가 성공한 것은 모든 분들의 협조 덕분이었습니다.
앞으로도 카구미사에 변함없는 지원을 부탁드립니다.

Finder의 파일 선택 화면에 macOS의 기능을 사용하고 있어 현재는 macOS 전용입니다.

## 導入 방법
1차 번역문: 導入 방법について、いくつかのポイントがあります。まず、設定画面で「네트워크 연결」을 선택하고 Wi-Fi 네트워크를 선택하십시오. 비밀번호가 불명확한 경우 Wi-Fi 라우터 설정 화면에서 확인하거나 관리자에게 문의하십시오.

다음으로, 장치를 재부팅하십시오. 재부팅 후 설정 화면으로 돌아가 “네트워크 연결”이 정상적으로 연결되었는지 확인하십시오. 연결이 Establiished되지 않는 경우 Wi-Fi 라우터 전원을 다시 켜거나 장치와 라우터의 거리를 가깝게 유지해 보십시오.

여전히 연결이 불가능한 경우 장치의 네트워크 설정을 초기화하고 다시 연결을 시도하십시오. 초기화 방법은 장치의 사용 설명서를 참조하십시오.

마지막으로, 사용 중인 장치의 모델에 따라 특정 소프트웨어를 설치해야 할 수도 있습니다. 그 경우 장치의 사용 설명서 또는 제조사의 웹사이트에서 자세한 내용을 확인하십시오.

### 저장소를 획득한다

프로그램을 설치하고자 하는 위치에서 터미널을 열고 다음 명령어를 실행합니다.

### 2. 필요한 패키지를 설치합니다.

처음 한 번만 필요합니다. 설치가 완료되면 도구를 실행할 수 있습니다.

## 사용법

### 1. 도구 시작

터미널에서 본 도구 폴더를 열고 다음을 실행합니다.

### ## 2. 작동 흐름

먼저, 이 기능을 이용하기 위해서는 다음 절차에 따라 조작합니다.

1.  **“설정”** 메뉴에서 “자동 다운로드”를 선택합니다.
2.  “자동 다운로드” 설정 화면에서 다운로드할 파일 종류(예: PDF, EPUB, MOBI)를 선택합니다.
3.  다운로드할 파일에 **“키워드”**를 설정합니다. 키워드를 설정하면 특정 파일만 자동으로 다운로드할 수 있습니다.
4.  **“시작”** 버튼을 클릭하면 설정한 파일이 자동으로 다운로드됩니다.
5.  다운로드 상황은 **“다운로드 기록”** 화면에서 확인할 수 있습니다.
6.  다운로드가 완료되면 **“다운로드 기록”** 화면에 다운로드 일시가 표시됩니다.

**참고:**

*   자동 다운로드 기능은 note 서버에서 파일을 다운로드하기 때문에 통신 환경에 의존합니다.
*   다운로드 속도는 네트워크 환경 및 파일 크기에 따라 다릅니다.
*   **“키워드”** 설정을 잘못하면 의도하지 않은 파일이 다운로드될 수 있으니 주의해 주십시오.
*   **“자동 다운로드”** 설정을 해제하려면 “설정” 메뉴에서 “자동 다운로드”를 끄거나 **“다운로드 기록”** 화면에서 개별적으로 중지하십시오.

- 파일 선택 대화 상자가 표시되며, Mac의 표준 파일 선택 창(Finder)이 열립니다. 트리밍하려는 이미지는 Command(⌘) + 클릭 또는 Shift + 클릭으로 여러 이미지를 선택한 후 “열기”를 클릭합니다.
- 패딩(여백) 선택 터미널 상단에 옵션이 표시됩니다. 화살표 키로 선택하고 Enter 키를 누릅니다:

0px (기본값: 렌더링 영역의 가장자리까지 채움)

5px / 10px / 20px

값을 자유롭게 입력하세요.
- 자동 트리밍 처리 프로그레시스 피너와 함께 대량 처리가 실행됩니다.
- 결과 확인 시 트리밍 전후의 해상도(예: 300x300 → 100x100) 및 저장된 파일명이 표시되고, 결과는 ./outbox/ 폴더에 출력됩니다.

## 폴더 구성

## 저작권은 각 콘텐츠의 저작권자에게 있습니다. 본 웹사이트의 콘텐츠를 무단으로 복제, 배포, 수정, 전송, 전시, 판매하는 행위는 저작권법에 위반될 수 있습니다.

본 웹사이트의 콘텐츠는 귀사의 이용 약관에 따라 사용될 수 있습니다. 자세한 내용은 [https://note.com/terms](https://note.com/terms)를 참조하십시오.

이 도구는 MIT 라이선스 하에 공개되어 있습니다.

잘 가! (^_^)ﾉｼ

인디자인 #DTP #디자인 #개인개발 #편리한 툴 #깃허브 #작업 효율화 #AI와의 공존

**출처:** [note 원문](https://note.com/iomonia/n/n199dfb2b4d2d)

*번역: Gemma 3(.44) 초벌 + 교정 52청크*

[원문 보기](https://note.com/iomonia/n/n199dfb2b4d2d) | 출처: note.com