SVG → ICO

SVG를 ICO로

벡터 하나로 여러 크기가 담긴 .ico를 만듭니다 — 큰 비트맵을 줄이는 것이 아니라, 각 크기를 SVG에서 직접 그립니다.

SVG → ICO

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

여기에 SVG를 놓으세요

또는 클릭해서 찾기 — SVG만 가능

16픽셀에서도 또렷하게

여기서 벡터에서 변환하는 것이 중요한 이유

파비콘은 대부분 16픽셀로 보게 됩니다. 256px 비트맵을 그 크기로 줄이면 모든 가장자리가 서로 뭉개지지만, 벡터를 16px로 그리면 브라우저가 형태를 픽셀 격자 위에 바로 얹을 수 있습니다.

이 페이지가 하는 일이 바로 그것입니다 — 크기마다 한 번씩 그려서 하나의 .ico에 모두 담습니다. 그다음은 윈도우와 브라우저가 필요한 크기를 알아서 고릅니다.

세 단계

SVG를 ICO로 변환하는 방법

01

SVG 놓기

.svg 파일을 고르세요 — 파일은 기기에 남습니다.

02

크기 고르기

포함할 크기를 체크하세요. 각 크기는 따로 렌더링됩니다.

03

다운로드

.ico를 저장해 사이트 루트에 놓으세요.

간단한 답변

SVG를 ICO로 변환 자주 묻는 질문

실제로 어떤 크기가 필요한가요?

16, 32, 48이면 브라우저 탭, 즐겨찾기, 윈도우 작업 표시줄을 모두 덮습니다. 탐색기의 큰 아이콘 보기에 나타날 아이콘이라면 256을 추가하세요. 크기를 더 넣어봐야 파일만 커집니다.

디테일이 많은 로고가 16px에서 뭉개집니다

그건 변환이 아니라 디자인의 한계입니다 — 16×16은 전부 합쳐 256픽셀입니다. 잘 읽히는 파비콘은 대개 글자 하나나 도형 하나입니다. 아이콘 전용으로 단순화한 SVG를 따로 만드는 걸 고려해 보세요.

아이콘이 투명도를 유지하나요?

네. 각 크기는 .ico 컨테이너 안에 32비트 PNG로 기록되므로 알파 채널이 살아 있습니다. 단색 배경을 원하면 스위치를 끄세요.

SVG가 정사각형이 아니면 어떻게 되나요?

정사각형 안에 들어가도록 축소해 가운데에 두고, 남는 공간은 투명하게 둡니다. 아이콘은 원본 그림이 처음부터 정사각형일 때 더 잘 읽힙니다.