ICO SVG 변환

SVG만 받는 도구를 위해 Windows 아이콘이나 파비콘을 .svg 파일에 담습니다. 아이콘의 픽셀은 픽셀로 남으므로, 진짜 벡터 경로를 얻거나 그냥 더 큰 PNG를 받는 방법도 함께 안내합니다.

또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

변환할 형식

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

1
.ico 파일 업로드
웹사이트의 favicon.ico나 Windows 프로그램의 아이콘을 올리십시오. 한 번에 최대 20개까지 가능합니다.
2
SVG로 변환 누르기
ICO에 저장된 가장 큰 이미지가 투명도 그대로 SVG 문서 안에 들어갑니다.
3
다음 작업 정하기
SVG를 그대로 쓰거나, 크기 조절이 자유로운 경로로 트레이싱하거나, 그림만 필요했다면 PNG로 추출하십시오.

답변

ICO를 SVG로 변환하면 아이콘을 자유롭게 확대할 수 있나요?

아닙니다. ICO에는 비트맵만 있으므로 SVG는 그중 가장 큰 것을 픽셀과 투명도째 감쌀 뿐입니다. 어떤 크기에서도 선명한 아이콘이 필요하면 트레이싱하고, 더 큰 그림 파일이 필요하면 PNG로 추출하십시오.

이 페이지

감싼 SVG

ICO의 가장 큰 비트맵을 .svg 파일에 담은 것.

아이콘과 똑같이 보임
투명도 유지
확대하면 흐려짐

트레이싱

트레이싱한 SVG

이미지 SVG 변환으로 가장자리를 벡터 경로로 바꾼 것.

어떤 크기로도 확대 가능
색과 도형 편집 가능
작은 디테일은 단순해질 수 있음

추출

ICO에서 뽑은 PNG

가장 큰 아이콘 이미지를 PNG로 저장한 것.

어디서나 열림
무손실·투명
픽셀 크기 고정

ICO SVG 변환: 벡터가 아니라 픽셀을 감싼 껍데기

ICO 형식은 1985년 Windows 1.0까지 거슬러 올라가며, 1999년 Internet Explorer 5가 /favicon.ico를 찾기 시작하면서 파비콘 형식이 되었습니다. 파일 하나에 정사각형 비트맵 여러 장을 담아 Windows와 브라우저가 맞는 크기를 고르게 합니다. 브라우저 탭에는 16 px, 작업 표시줄과 바탕 화면에는 32 px나 48 px, 그리고 Windows Vista부터는 압축된 PNG 데이터로 저장된 256 px 이미지가 쓰입니다. 이 구조 어디에도 경로, 곡선, 채우기는 없습니다.

2001년부터 W3C 형식인 SVG는 벡터 도형과 삽입된 비트맵 두 가지를 모두 담을 수 있습니다. ICO를 변환할 때 정직한 결과물은 두 번째 종류뿐입니다. SVG는 아이콘의 너비와 높이, 그리고 픽셀이 담긴 image 요소 하나를 갖게 되므로, 브라우저나 Figma, 슬라이드에서 ICO와 똑같이 보입니다. 확대하면 같은 픽셀이 보이는데, 다시 그린 것이 하나도 없기 때문입니다.

ICO 속 아이콘 크기와 가장 큰 이미지가 중요한 이유

1:1

16 × 16 px

브라우저 탭 파비콘

트레이싱하기에는 너무 작음

1:1

32 × 32 px

고밀도 탭, 작업 표시줄

favicon.ico에서 흔한 최대 크기

1:1

48 × 48 px

바탕 화면 아이콘(Windows)

대부분의 프로그램 아이콘에 들어 있음

1:1

256 × 256 px

큰 아이콘 보기

트레이싱이나 PNG에 가장 좋은 원본

ICO

Windows 아이콘(ICO)

ICO는 Windows 프로그램 아이콘과 웹사이트 파비콘에 쓰이는 Microsoft의 아이콘 형식입니다. .ico 파일 하나에 16×16, 32×32, 48×48, 256×256 픽셀처럼 여러 크기의 이미지를 담을 수 있어 시스템이 가장 알맞은 것을 고릅니다. 각 이미지는 비트맵이나 PNG 데이터로 저장할 수 있고 완전한 알파 투명도를 지원합니다. ICO는 사진이나 큰 작업물용이 아닙니다. 브라우저, Windows, 대부분의 아이콘 편집기에서 읽을 수 있습니다.

압축 방식: 무손실
투명도: 예
애니메이션: 아니요
도입 연도: Microsoft

ICO 변환

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

SVG는 2001년 W3C가 표준화한 XML 기반 벡터 형식입니다. 픽셀 대신 도형, 패스, 텍스트를 기술하므로 어떤 크기에서도 선명하고, 로고와 아이콘은 보통 용량이 아주 작습니다. 투명도, CSS 스타일, 스크립트, 애니메이션을 지원하며 모든 브라우저가 기본으로 렌더링합니다. SVG는 사진에는 맞지 않고, 복잡한 일러스트는 렌더링이 느려질 수 있습니다. Illustrator, Inkscape, Figma와 브라우저에서 열고 편집할 수 있습니다.

압축 방식: –
투명도: 예
애니메이션: 예
도입 연도: 2001 · W3C

SVG 변환

ICO SVG 변환을 찾는 것은 디자인 도구, 아이콘 라이브러리, 웹사이트 템플릿이 SVG를 요구하는데 로고가 파비콘이나 Windows 아이콘으로만 남아 있을 때이며, 대개 트레이싱한 벡터로 가는 첫 단계입니다.

아이콘을 진짜 SVG 경로로 트레이싱하기

확대해도 깨지지 않는 로고가 목표라면, 감싼 SVG는 기껏해야 디딤돌입니다. 아이콘을 이미지 SVG 변환에 넣으십시오. 색 경계를 따라가 크기 조절, 색 변경, 커팅이 가능한 경로로 기록합니다. 결과는 원본 크기에 달려 있어서, 프로그램 아이콘의 256 px 이미지는 16 px 파비콘보다 훨씬 잘 트레이싱됩니다. 몇 가지 색을 남길지, 곡선을 어떻게 다듬을지는 PNG SVG 변환 방법 글에서 다룹니다.

아이콘을 문서나 편집 프로그램에서 쓰기만 하면 된다면 SVG는 건너뛰고 ICO PNG 변환으로 가장 큰 이미지를 PNG로 받으십시오. 반대로 벡터 로고에서 여러 크기의 파비콘을 만들려면 SVG ICO 변환을 쓰면 됩니다.

ICO SVG 변환 질문

ICO 파일이 진짜 벡터 SVG가 될 수 있나요?

변환만으로는 안 됩니다. ICO는 16 × 16 px부터 256 × 256 px까지의 비트맵만 저장하므로 옮겨 올 도형이 없습니다. 진짜 경로는 픽셀에서 트레이싱해야 하며, 이미지 SVG 변환이 그 작업을 합니다.

.ico 안의 여러 크기 중 어느 것이 SVG에 들어가나요?

디테일이 가장 많은 가장 큰 이미지입니다. 일반적인 favicon.ico는 최대 32 px나 48 px이고, Windows 애플리케이션 아이콘에는 보통 256 px 버전이 들어 있습니다.

이렇게 감싼 SVG를 웹사이트 파비콘으로 쓸 수 있나요?

Chrome과 Firefox는 SVG 파비콘을 받아 주지만, 32 px 비트맵만 담은 SVG는 처음의 ICO보다 나을 것이 없습니다. SVG 파비콘은 고밀도 화면에서도 선명한 진짜 경로를 담고 있을 때 의미가 있습니다.

파비콘을 트레이싱하면 왜 뭉툭한 모양이 나오나요?

32 px 아이콘의 픽셀은 1,024개뿐이고, 트레이싱은 그 가장자리에서 곡선을 추정합니다. 픽셀이 적을수록 추정이 거칠어집니다. 깔끔한 윤곽을 원한다면 Windows 아이콘의 256 px 이미지를 트레이싱하거나 원본 로고를 찾으십시오.

아이콘의 투명 배경이 유지되나요?

유지됩니다. ICO 이미지에는 알파 채널이 있고 SVG도 이를 그대로 두므로, 아이콘은 페이지나 디자인 도구의 어떤 배경 위에도 자연스럽게 놓입니다.

나중에 Inkscape나 Figma에서 아이콘 색을 바꿀 수 있나요?

SVG에 그림 한 장이 삽입된 형태라 도형별로는 바꿀 수 없습니다. 전체에 필터나 오버레이를 적용할 수는 있으며, 도형마다 색을 바꾸려면 먼저 트레이싱하십시오.