Electron 아이콘 제너레이터: 하나의 마스터로 모든 플랫폼
Electron 앱은 macOS, Windows, Linux로 출시되고, 각 플랫폼은 아이콘을 제각각 보관합니다. 앱 번들에는 .icns, Windows 실행 파일에는 .ico, Linux에는 PNG죠. 이 Electron 아이콘 제너레이터는 문장 하나에서 1024 px 마스터를 그려 Dock 크기에서 검증하고, electron-builder가 잘라 쓸 깔끔한 파일 하나를 남깁니다.
텍스트에서 생성된 데스크톱 앱 아이콘
데스크톱 앱을 위해 그려진 아이콘입니다. Dock 줄, 작업 표시줄, 설치 대화상자에서 버티는 단일 마크들이고, 한 문장 프롬프트에서 생성되었습니다.
Electron 앱이 아이콘에 요구하는 것
electron-builder는 전체 작업을 관습 하나로 줄입니다. 512 px 이상의 정사각형 icon.png 또는 icon.svg를 빌드 리소스에 넣으면 이 파일을 모든 대상 플랫폼용으로 변환하죠. 어려운 부분은 결코 변환이 아닙니다. 512 px 설치 관리자부터 32 px 작업 표시줄까지 읽히는, 변환할 가치가 있는 1024 px 마스터를 구하는 것이고, 바로 그 부분을 이 Electron 아이콘 제너레이터가 맡습니다.
변환은 build/ 관습이 해 줍니다
electron-builder는 build/icon.png 또는 build/icon.svg를 자동으로 인식해 패키징 중에 플랫폼 파일을 생성합니다. 당신이 넣을 것은 512 px 이상의 좋은 정사각형 마스터 하나뿐입니다.
Dock 크기가 심사 기준
데스크톱 아이콘은 16 px 제목 표시줄 글리프와 512 px 레티나 Dock 타일 사이에서 삽니다. 모든 후보가 작은 크기로 미리보기되므로, 예쁜 렌더링이 아니라 실루엣을 고르게 됩니다.
AI가 빠진 마스터를 그려 줍니다
변환기는 이미 있는 것을 리사이즈할 뿐입니다. 마크가 아직 없을 때, 이 제너레이터가 한 문장에서, 하나의 비주얼 언어로, 내보내기 해상도로 그려 냅니다.
Electron 아이콘 크기: .icns, .ico, Linux PNG에 들어가는 것
이 크기들을 손으로 만들 일은 없습니다. 표의 내용은 electron-builder가 당신의 마스터 하나에서 도출하는 것이므로, Electron 아이콘 제너레이터가 충족해야 할 체크리스트로 삼으세요.
build/icon.png, 단일 소스
빌드 리소스에 담은 512 px 이상 정사각형 PNG 하나로 세 플랫폼을 모두 커버합니다. 1024 px면 가장 큰 .icns 변형까지 여유가 생기죠. 이 제너레이터가 내보내는 것이 바로 그 마스터입니다.
Windows: 실행 파일 안의 icon.ico
.ico는 16, 24, 32, 48, 64, 128, 256 px 컷을 담습니다. 탐색기, 작업 표시줄, 바로 가기, 실행 파일 속성 시트에 나타나며, .ico가 없거나 크기가 모자라면 빌드가 기본 아이콘으로 떨어지는 원인이 됩니다.
macOS: 앱 번들 안의 icon.icns
.icns는 레티나 Dock과 Finder 화면을 위해 16 px부터 1024 px까지 변형을 묶습니다. .icns를 직접 넣지 않으면 electron-builder가 당신의 마스터에서 렌더링합니다.
Linux: 데스크톱 환경별 일반 PNG
Linux 대상은 PNG 크기를 참조합니다. 보통 앱 스토어용 512 px와 대화상자 크기까지 내려가는 사다리죠. electron-builder가 같은 마스터에서 그 세트를 내보냅니다.
3단계로 Electron 앱 아이콘 만들기
Electron 아이콘 제너레이터가 한 문장을, electron-builder가 빌드 리소스에서 원하는 그 파일 하나로 바꾸는 과정입니다.
- 1
앱을 한 문장으로 묘사하기
예: "채팅 앱 아이콘, 다크 타일 위 둥근 파란 말풍선, 플랫 스타일"처럼 씁니다. 피사체 하나, 형태 언어 하나. 데스크톱 아이콘은 네이티브 앱과 나란히 놓인 Dock 줄에서 판정되므로, 컴팩트한 실루엣이 이깁니다.
- 2
Dock 크기에서 후보 판정하기
모든 후보가 작게 미리보기됩니다. 32 px에서 읽히는 마크를 고르세요. 사용자가 작업 표시줄과 창 전환기에서 처음 만나는 크기가 바로 그것입니다.
- 3
1024 px 마스터를 build/에 넣기
PNG를 내보내 build/icon.png로 저장하세요. electron-builder가 다음 패키지 실행에서 .icns, .ico, Linux PNG로 변환합니다. 별도 도구는 필요 없습니다.
Electron 아이콘을 만드는 세 가지 방법
npm 패키지, 변환기, AI 제너레이터는 모두 같은 build/ 폴더로 통합니다. 마스터가 어디서 오는지가 다를 뿐이고, 그래서 이 Electron 아이콘 제너레이터는 한 단계 앞에서 시작합니다.
| npm 아이콘 빌더 | 온라인 변환기 | SparkIconAI | |
|---|---|---|---|
| 마스터의 출처 | 다른 곳에서 디자인, 도구는 잘라내기만 | 기존 이미지를 업로드 | 텍스트 프롬프트에서 생성 |
| 플랫폼 세트 출력 | 예, build/icons/에 | 보통 다운로드당 형식 하나 | electron-builder가 자를 1024 px 마스터 |
| 실행되는 곳 | 당신의 devDependencies와 CI | 브라우저 탭 | 브라우저 탭 |
| 작은 크기 판정 | 없음, 전체 크기만 보임 | 드물게 | 후보별 Dock과 작업 표시줄 미리보기 |
| 디자인 변경 | 디자인 도구로 돌아가기 | 소스에서 다시 내보내기 | 문장을 고쳐 다시 실행 |
| 사용해 보는 비용 | 무료, 시간은 당신 몫 | 제한 있는 무료 | 시작용 무료 크레딧 |
2026년 기준으로 출시되는 전형적인 electron-icon-builder류 npm 패키지, 온라인 아이콘 변환기, AI 아이콘 제너레이터의 비교입니다. 세 경로 모두 electron-builder가 최종 플랫폼 변환을 수행하며, 개별 도구는 다를 수 있습니다.
Dock에서 살아남는 Electron 앱 아이콘 프롬프트
하나를 복사해 피사체만 바꾸세요. 통하는 데스크톱 아이콘 프롬프트는 피사체 하나, 형태 언어 하나, 배경 결정을 지정합니다. 플랫폼 파일은 나중에 도출되는 것이지 여기서 그리는 것이 아닙니다.
유틸리티 앱
터미널 창 아이콘, 둥근 다크 타일, 초록 프롬프트 글리프, 플랫 스타일, 32 px에서 읽힘
미디어 앱
음악 플레이어 아이콘, 그라데이션 타일 위 비닐 레코드, 부드러운 그림자, 텍스트 없음
개발자 도구
코드 에디터 아이콘, 인디고 둥근 사각형 위 꺾쇠 괄호, 플랫 기하학 스타일, 투명 배경
마스터에서 패키징된 앱까지
제너레이터는 마스터에서 끝나고, electron-builder가 나머지 길을 갑니다. 예쁜 렌더링에서 멈추는 Electron 아이콘 제너레이터라면 패키징 이야기가 미완으로 남겠죠. 관습적인 위치의 파일 하나가 아이콘 에셋 선반과 그것을 관리하던 스크립트를 대신합니다.
마스터를 build/icon.png로 저장하기
buildResources 디렉터리가 electron-builder가 살피는 관습입니다. icon.png라는 이름의 512 px 이상 정사각형 PNG만 요구하고, 1024 px면 가장 큰 macOS 변형까지 커버합니다.
electron-builder에게 변환 맡기기
패키지 실행 중 macOS 번들용 .icns를 렌더링하고, Windows 실행 파일에 .ico를 넣고, Linux PNG를 내보냅니다. win.icon이나 mac.icon을 직접 지정하는 것은 재정의가 필요할 때만이면 됩니다.
패키징 결과 확인하기
아티팩트를 설치하거나 풀어서 Dock이나 작업 표시줄을 보세요. Windows는 아이콘을 공격적으로 캐시하므로, 리브랜딩 후 남는 옛 글리프는 대개 빌드가 아니라 OS 캐시 탓입니다.
Electron 아이콘 제너레이터가 대신 처리해 주는 것
문장에서 build/에 자리 잡은 마스터 파일까지, Electron 아이콘 제너레이터가 하는 모든 작업입니다.
내보내기 해상도의 마스터
후보는 곧바로 1024 px로 렌더링됩니다. electron-builder가 전체 .icns 사다리에 선호하는 크기죠. 생성과 패키징 사이에 업스케일이 끼지 않습니다.
모든 후보에 작은 크기 미리보기
렌더링마다 Dock과 작업 표시줄 미리보기가 따라옵니다. 패키징된 앱은 512 px보다 훨씬 전인 32 px에서 사용자를 만나니까요.
투명 또는 단색 배경
Windows와 macOS는 형태를 제각각 마스킹합니다. 투명으로 내보내 각 플랫폼의 마스크를 적용하게 하거나, 어디서든 의도된 것처럼 보이는 둥근 타일을 박으세요.
스타일을 벗어나지 않는 변형
최종 후보의 변형을 생성해 실루엣과 색을 다듬으세요. 비주얼 언어는 그대로입니다.
생태계가 말하는 형식
투명 또는 단색의 PNG와 WEBP 내보내기. 스토어나 문서 페이지가 다른 컷을 요구하면, 리사이저 페이지가 사이트를 떠나지 않고 마스터를 잘라 줍니다.
데스크톱과 웹을 잇는 하나의 브랜드
같은 프롬프트 계열이 사이트 아이콘과 파비콘 페이지를 먹입니다. 데스크톱 앱과 웹사이트가 하나의 마크를 공유하죠.
관련 도구
블로그
더 읽어보기
아이콘, 스타일, 내보내기 워크플로에 관한 긴 글.
Electron 아이콘 제너레이터 FAQ
크기, build/ 관습, npm 경로, 그리고 끈질기게 사라지지 않는 기본 아이콘 오류.
Electron 아이콘 제너레이터란 무엇인가요?
Electron 앱이 패키징에 쓰는 아이콘 에셋을 만들어 주는 도구입니다. 이 페이지는 AI로 1024 px 마스터를 생성해 Dock 크기에서 미리보기하고, electron-builder가 패키징 중 그 파일 하나에서 .icns, .ico, Linux PNG를 도출합니다.
Electron 앱에는 어떤 아이콘 크기가 필요한가요?
512 px 이상, 이상적으로는 1024 px의 정사각형 마스터 하나를 build/icon.png로 저장합니다. electron-builder가 여기서 16 px부터 1024 px까지의 macOS .icns 사다리, 16 px에서 256 px까지의 Windows .ico 컷, Linux PNG 크기를 렌더링합니다.
여전히 electron-icon-builder npm 패키지가 필요한가요?
빌드가 electron-builder의 기본 동작을 쓴다면 아닙니다. build/icon.png 또는 icon.svg 하나가 자동 변환됩니다. npm 빌더는 electron-builder를 돌리지 않는 파이프라인에 특정 .ico나 .icns를 건네야 할 때 여전히 유용하지만, Electron 아이콘 제너레이터 워크플로에서는 드문 경우입니다.
Electron 앱이 기본 아이콘을 보여 주는 이유는 무엇인가요?
로그에는 "Default electron icon is used, reason: application icon is not set"이라고 찍힙니다. 흔한 원인은 build/icon.png 누락, 최소 크기 미달 마스터, 확인되지 않는 사용자 지정 win.icon 경로입니다. 파일이나 경로를 고치고 다시 빌드하세요.
electron-builder 설정에서 아이콘은 어떻게 지정하나요?
먼저 기본값: build/icon.png는 설정 없이 인식됩니다. 플랫폼별로 재정의하려면 mac.icon에 .icns 또는 512 px 이상 PNG, win.icon에 256 px 이상 .ico, linux.icon에 PNG 경로를 지정하세요.
기존 이미지를 변환하는 대신 아이콘을 생성할 수 있나요?
네, 이 Electron 아이콘 제너레이터 페이지의 존재 이유입니다. 변환기는 마크가 이미 있다고 가정합니다. 여기서는 앱을 묘사해 후보를 받고, 승자를 빌드 폴더에 바로 쓸 1024 px로 내보내면 됩니다.
이 Electron 아이콘 제너레이터는 무료로 써 볼 수 있나요?
무료 크레딧이 첫 생성을 커버합니다. 후보 하나를 렌더링하는 데 크레딧 하나가 들고, 유료 플랜은 사용량과 업스케일을 더합니다. Electron 아이콘 제너레이터의 현재 등급은 위 요금 섹션에 정리되어 있습니다.
자체 아이콘 테마를 쓰는 Linux 배포판은 어떤가요?
Linux 데스크톱 환경은 자체 아이콘 테마로 PNG를 스케일합니다. 깔끔한 512 px 컷이라면 어디서든 무난히 동작하죠. electron-builder가 내보내는 표준 세트를 내보내고 마스크는 테마에 맡기세요.
.ico, .icns, .png 중 무엇이 가장 중요한가요?
마스터입니다. 세 플랫폼 파일은 모두 같은 정사각형 이미지에서 도출된 컷이라, 32 px에서 읽히는 마스터에 공을 들이면 모든 플랫폼에서 한꺼번에 보상받습니다.
리브랜딩 후 Windows에 옛 아이콘이 남습니다. 빌드가 잘못된 건가요?
대개 아닙니다. Windows는 경로별로 아이콘을 캐시하므로, 다시 빌드해도 탐색기와 작업 표시줄이 옛 글리프를 유지할 수 있습니다. 아이콘 캐시를 비우거나 실행 파일 이름을 바꾸면 새 .ico가 드러납니다.
당신의 Electron 앱 아이콘 생성하기
Electron 아이콘 제너레이터가 한 문장을 1024 px 마스터로 바꿔 줍니다. electron-builder가 .icns, .ico, Linux PNG를 잘라 낼 준비를 마친 상태로요.