SVG를 ICNS로
SVG를 macOS .icns 앱 아이콘 번들로 변환
macOS 앱과 문서 유형 아이콘을 위한 .icns 파일을 만듭니다. 지정한 최대 크기까지의 표준 크기(16~1024 px)를 모두 렌더링해 하나의 파일로 묶습니다. macOS 앱 개발자와 아이콘 디자이너를 위한 도구입니다.
새 파일의 기본값을 편집하고 있습니다
ICO의 크기는 16, 32, 48, 64, 128, 256으로 정해져 있습니다. 지정한 최대 크기까지의 크기를 모두 렌더링해 하나의 .ico 파일로 묶습니다.
포함되는 크기: 16, 32, 48, 64, 128, 256 px
미리보기
SVG란?
SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.
SVG는 웹의 표준 벡터 형식입니다. 최신 브라우저가 모두 기본으로 지원하고, CSS로 스타일을 지정할 수 있으며, JavaScript나 SMIL로 애니메이션도 적용할 수 있습니다. 같은 내용의 래스터 이미지에 비해 파일 크기도 대체로 훨씬 작습니다.
ICNS란?
ICNS는 macOS가 애플리케이션 번들과 문서 유형 아이콘에 사용하는 Apple의 아이콘 컨테이너 형식입니다. ICNS 파일 하나에 표준 크기(16, 32, 64, 128, 256, 512, 1024 px)의 PNG 이미지를 여러 개 담을 수 있습니다.
SVG와 래스터 형식 비교
벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.
| 항목 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 확대/축소 | 해상도에 구애받지 않음 | 확대하면 흐려짐 | 고정 크기로 미리 렌더링 |
| 파일 크기 | 도형과 아이콘은 작음 | 해상도에 따라 커짐 | 크기별 이미지의 묶음 |
| 편집 | 텍스트나 벡터 도구로 편집 가능 | 픽셀 단위 편집만 가능 | 크기마다 편집 후 다시 묶음 |
| 애니메이션 | CSS, SMIL, JavaScript | 제한적 (APNG / GIF) | 지원 안 함 |
| 투명도 | 지원 | PNG 지원, JPG 미지원 | 지원 (PNG 기반) |
SVG를 ICNS로 변환해야 하는 경우
macOS 앱과 문서 유형은 ICNS를 사용합니다. 이 SVG ICNS 변환기는 무료 macOS 앱 아이콘 생성기로 쓸 수 있습니다. macOS 앱이나 Electron, Tauri의 Mac 번들을 패키징할 때, 파일 유형 아이콘을 교체할 때는 SVG를 ICNS로 변환하세요. 최대 크기 256의 ICNS는 보통 30~150 KB, 최대 크기 1024(App Store 표준)는 세부에 따라 200 KB~2 MB입니다. 파일 하나로 Finder, Dock, 대화상자의 모든 크기를 감당할 수 있습니다.
SVG에서 ICNS로: 파일 크기와 품질의 균형
파일 크기
여러 크기 ICNS는 16×16부터 최대 크기(최대 1024×1024)까지의 표준 크기를 모두 묶습니다. 최대 크기 1024의 ICNS는 SVG가 담은 세부에 따라 보통 200 KB~2 MB입니다. 최대 크기가 작으면 비례해서 작아지며, 최대 크기 256인 파일은 대개 30~150 KB입니다.
ICNS가 알맞은 경우
ICNS는 macOS의 앱 아이콘 형식입니다. .app 번들, Electron이나 Tauri의 Mac 빌드, 사용자 지정 문서 유형 아이콘을 패키징할 때, Finder나 Dock, xcassets가 .icns를 요구하는 자리에 쓰세요. 필요하다면 Apple의 도구로 ICNS를 최신 iconset 형식으로 변환할 수 있습니다.
SVG를 아이콘 원본으로 남겨야 하는 경우
브랜드의 원본으로는 SVG를 남기세요. Apple의 Asset Catalog와 Xcode 도구는 벡터 원본에서 PNG 세트와 ICNS 번들을 바로 내보낼 수 있으므로, 편집 가능한 원본은 SVG로 두는 것이 좋습니다. ICNS는 빌드 산출물이지 원본이 아닙니다.
품질 절충
ICNS의 각 크기는 SVG에서 래스터화한 실제 크기의 PNG를 저장합니다. 1024 크기는 6K 외장 모니터를 포함해 현행 Apple 디스플레이 어디에서도 또렷합니다. SVG가 세밀하다면 가장 작은 크기(16, 32)에는 픽셀에 맞춰 단순화한 버전이 필요합니다. 그렇지 않으면 Finder 목록 보기에서 뭉개져 보입니다.
SVG를 ICNS로 온라인에서 변환하는 방법
- 파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
- 출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
- '모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.
개인정보: 파일은 브라우저를 벗어나지 않습니다
파일이 기기 밖으로 나가는 일은 없습니다. 변환은 JavaScript와 WebAssembly를 이용해 전부 브라우저 안에서 실행됩니다. 업로드도 서버 처리도 없으므로 파일에 관한 정보가 어디로도 전송되지 않습니다.
아무것도 업로드되지 않으므로 대외비 로고, 사내 문서, 공개 전 고객 작업물에도 안심하고 쓸 수 있습니다. 사용하는 동안 기기에 캐시되므로 첫 방문 이후에는 네트워크 연결이 없어도 동작합니다.
자주 묻는 질문
ICNS에는 어떤 크기가 들어 있나요?
지정한 최대 크기까지의 표준 ICNS 크기를 모두 묶습니다. 16, 32, 64, 128, 256, 512, 1024입니다. macOS는 상황에 맞는 크기를 고릅니다. Finder 섬네일, Dock 아이콘, 대화상자 아이콘 등입니다.
macOS 앱 아이콘에는 어떤 크기를 골라야 하나요?
최신 macOS 앱과 App Store에서는 1024가 표준입니다. 1024를 고르면 그보다 작은 크기도 자동으로 묶이므로 Finder 목록 보기부터 전체 화면 스플래시까지 또렷하게 유지됩니다.
ICNS가 투명도를 지원하나요?
네. ICNS는 PNG와 마찬가지로 픽셀 단위 알파를 씁니다. 기본적으로 투명도를 유지합니다. 투명한 부분을 채우고 싶을 때만 단색 배경을 고르세요.