SVG → ICO
☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다여기에 SVG를 놓으세요
또는 클릭해서 찾기 — SVG만 가능
아이콘 미리보기
SVG → ICO
벡터 하나로 여러 크기가 담긴 .ico를 만듭니다 — 큰 비트맵을 줄이는 것이 아니라, 각 크기를 SVG에서 직접 그립니다.
또는 클릭해서 찾기 — SVG만 가능
아이콘 미리보기
16픽셀에서도 또렷하게
파비콘은 대부분 16픽셀로 보게 됩니다. 256px 비트맵을 그 크기로 줄이면 모든 가장자리가 서로 뭉개지지만, 벡터를 16px로 그리면 브라우저가 형태를 픽셀 격자 위에 바로 얹을 수 있습니다.
이 페이지가 하는 일이 바로 그것입니다 — 크기마다 한 번씩 그려서 하나의 .ico에 모두 담습니다. 그다음은 윈도우와 브라우저가 필요한 크기를 알아서 고릅니다.
세 단계
.svg 파일을 고르세요 — 파일은 기기에 남습니다.
포함할 크기를 체크하세요. 각 크기는 따로 렌더링됩니다.
.ico를 저장해 사이트 루트에 놓으세요.
간단한 답변
16, 32, 48이면 브라우저 탭, 즐겨찾기, 윈도우 작업 표시줄을 모두 덮습니다. 탐색기의 큰 아이콘 보기에 나타날 아이콘이라면 256을 추가하세요. 크기를 더 넣어봐야 파일만 커집니다.
그건 변환이 아니라 디자인의 한계입니다 — 16×16은 전부 합쳐 256픽셀입니다. 잘 읽히는 파비콘은 대개 글자 하나나 도형 하나입니다. 아이콘 전용으로 단순화한 SVG를 따로 만드는 걸 고려해 보세요.
네. 각 크기는 .ico 컨테이너 안에 32비트 PNG로 기록되므로 알파 채널이 살아 있습니다. 단색 배경을 원하면 스위치를 끄세요.
정사각형 안에 들어가도록 축소해 가운데에 두고, 남는 공간은 투명하게 둡니다. 아이콘은 원본 그림이 처음부터 정사각형일 때 더 잘 읽힙니다.