SVG를 아이콘으로
SVG로 ICO 파비콘과 macOS ICNS 앱 아이콘 만들기
웹사이트, 데스크톱 앱, 바로가기를 위한 여러 크기 아이콘 묶음을 만듭니다. 지정한 최대 크기까지의 표준 크기를 모두 렌더링해 하나의 파일로 묶습니다. 웹 개발자와 아이콘 디자이너를 위한 도구입니다.
새 파일의 기본값을 편집하고 있습니다
ICO의 크기는 16, 32, 48, 64, 128, 256으로 정해져 있습니다. 지정한 최대 크기까지의 크기를 모두 렌더링해 하나의 .ico 파일로 묶습니다.
포함되는 크기: 16, 32, 48, 64, 128, 256 px
미리보기
ICO란?
ICO는 파비콘, 애플리케이션 아이콘, 바탕화면 바로가기에 쓰이는 Windows 아이콘 컨테이너 형식입니다. ICO 파일 하나에 여러 래스터 이미지(보통 16×16부터 256×256까지)를 담을 수 있습니다.
ICNS란?
ICNS는 macOS가 애플리케이션 번들과 문서 유형 아이콘에 사용하는 Apple의 아이콘 컨테이너 형식입니다. ICNS 파일 하나에 표준 크기(16, 32, 64, 128, 256, 512, 1024 px)의 PNG 이미지를 여러 개 담을 수 있습니다.
SVG를 ICO나 ICNS로 변환해야 하는 경우
브라우저와 운영체제는 컨테이너 형식의 아이콘 파일을 사용합니다. Windows 파비콘, 바탕화면 바로가기, 앱 아이콘이 필요할 때는 SVG를 여러 크기 .ico로 변환하세요. 표준 크기(16, 32, 48, 64, 128, 256)를 모두 담아 보통 40~120 KB가 됩니다. macOS 앱이나 Electron, Tauri 번들을 패키징할 때, 문서 유형 아이콘을 교체할 때는 .icns로 변환하세요. 1024 px까지의 macOS 크기를 모두 담아 200 KB~2 MB가 됩니다. 원본 SVG 하나로 플랫폼마다 파일 하나씩, 필요한 크기가 모두 들어갑니다.
알맞은 아이콘 형식 고르기
둘 다 하나의 SVG에서 여러 크기의 래스터 이미지를 묶습니다. 그 파일을 쓰는 플랫폼에 맞춰 고르세요.
SVG를 여러 크기 ICO나 ICNS 아이콘으로 온라인에서 변환하는 방법
- 파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
- 출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
- '모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.
개인정보: 파일은 브라우저를 벗어나지 않습니다
파일이 기기 밖으로 나가는 일은 없습니다. 변환은 JavaScript와 WebAssembly를 이용해 전부 브라우저 안에서 실행됩니다. 업로드도 서버 처리도 없으므로 파일에 관한 정보가 어디로도 전송되지 않습니다.
아무것도 업로드되지 않으므로 대외비 로고, 사내 문서, 공개 전 고객 작업물에도 안심하고 쓸 수 있습니다. 사용하는 동안 기기에 캐시되므로 첫 방문 이후에는 네트워크 연결이 없어도 동작합니다.
자주 묻는 질문
ICO와 ICNS는 무엇이 다른가요?
ICO는 브라우저, 바탕화면, 작업 표시줄이 쓰는 Windows 파비콘 및 바로가기 형식입니다. ICNS는 .app 번들, Finder, Dock이 쓰는 macOS 아이콘 형식입니다. 둘 다 여러 크기를 하나의 파일로 묶어 운영체제가 상황에 맞는 것을 고를 수 있게 합니다.
왜 파일에 여러 크기가 들어 있나요?
파비콘은 브라우저 탭에서 16×16, 북마크에서 32×32, 바탕화면에서 48~256 px로 표시됩니다. macOS에서는 16×16 목록 보기부터 1024×1024 스플래시 화면까지 쓰입니다. 표준 크기를 모두 담아 두면 운영체제가 언제나 가장 또렷하고 알맞은 크기를 고를 수 있고, 여러 파일을 관리할 필요도 없습니다.
한 가지 크기만 생성할 수 있나요?
최대 크기를 가장 작은 값으로 지정하면 그 크기만 생성됩니다. 단일 해상도 파일이 꼭 필요하다면 ICO와 ICNS 모두 지원하지만, 대부분의 플랫폼은 여러 크기 묶음을 전제합니다. 또한 예를 들어 큰 디자인을 메뉴 막대의 작은 아이콘까지 줄이면 보기 좋지 않을 수 있습니다.