ICO를 SVG로 변환 Icon ↔ Scalable Vector Graphics 무료 온라인 안전

사람들이 ICO를 SVG로 변환하는 이유

ICO 파일은 아이콘입니다. 브라우저 탭, 바로 가기, 창 모서리, 파일 목록에 나타나는 작은 그림, 정확히는 여러 크기의 작은 그림 묶음입니다. 많은 오래된 웹사이트와 프로그램은 자신의 표식 중에서 아이콘만 가지고 있습니다. 원본 그림은 사라졌고, 디자이너는 떠났으며, 파비콘이 남은 로고의 유일한 사본입니다. SVG는 반대 종류의 파일입니다. 도형으로 서술된 그림으로, 어떤 크기로도 키울 수 있고 마음대로 색을 바꿀 수 있습니다. 그래서 사람들이 ICO를 SVG로 변환합니다. 작은 아이콘이 있고, 더 큰 크기로 쓰거나, 바꾸거나, 현대적인 디자인에 넣을 수 있는 그림을 원하기 때문입니다.

이런 변환이 할 수 있는 일과 할 수 없는 일에 대해 솔직해지는 것이 중요합니다. 픽셀을 다시 도형으로 바꾸는 것은 사라진 원본 그림의 복구가 아닙니다. 단색 영역이 어디서 끝나는지 살펴보고 하는 추측입니다. 그러나 아이콘은 그 추측에 특히 잘 맞는 유일한 종류의 그림인데, 애초에 단색으로 그려졌기 때문입니다. 이 페이지는 두 가지 선택지를 제공하고, 시간을 들이기 전에 각각의 대가를 알려 줍니다. 아이콘을 추적해서 도형으로 만들 수도 있고, 그림을 들어온 그대로 SVG로 감싸 둘 수도 있습니다.

이 페이지는 브라우저 안에서 ICO를 SVG로 변환합니다. 아이콘은 서버에 업로드되지 않으며, 아직 공개되지 않은 표식과 디자인에 중요합니다. 아래에서는 추적이 어떻게 작동하는지, 아이콘의 어떤 크기를 읽는지, 무엇이 유지되는지, 그렇게 작은 그림에서 무엇을 기대해야 하는지 알아봅니다.

변환이 작동하는 방식

그림에 일어나는 일의 두 가지 선택

그림에 어떤 일이 일어날지 선택합니다. 도형이 되거나, 들어온 그대로 남거나입니다. 첫 번째는 추적입니다. 아이콘을 분석해 한 색의 영역을 찾고 그 경계를 요청한 색으로 채운 도형으로 적습니다. 두 번째는 감싸기입니다. 그림이 변하지 않은 채 SVG 파일 안에 놓이므로, 파일은 겉은 SVG이고 속은 같은 픽셀입니다.

어느 크기를 읽는가

.ico는 한 파일에 여러 크기를 담고 있으며, 브라우저는 그중 하나, 보통 가장 큰 것을 넘겨줍니다. 나머지는 읽히지 않습니다. 아이콘에 16, 32, 48, 256 픽셀 버전이 들어 있다면 보통 추적되는 그림은 256 픽셀 버전입니다. 가장 큰 것도 작아서 흔히 48이나 256 픽셀이므로 추적할 것이 별로 없습니다.

아이콘이 잘 추적되는 이유

아이콘은 작아도 알아볼 수 있도록 설계되었기 때문에 보통 깔끔한 경계의 단색 영역으로 이루어집니다. 애초에 단색으로 그려졌기 때문에 거의 완벽하게 추적되는 유일한 종류의 그림입니다. 아이콘으로 줄인 사진은 가망이 없겠지만, 아이콘은 그런 것이 아닙니다.

유지되는 것

투명도

투명도는 유지됩니다. 아이콘은 거의 언제나 비치는 배경을 가지며, SVG에서도 비어 있어 도형이 어떤 색 위에도 놓일 수 있습니다.

선명한 단색

아이콘이 보통 이루어지는 선명한 단색은 단색 도형으로 유지됩니다. 변환이 빛나는 곳입니다. 결과가 깔끔해 보이고 도형별로 색을 바꿀 수 있습니다.

비율과 크기

추적은 원본의 비율과 그 자체의 픽셀 크기를 SVG의 너비와 높이에 유지합니다. 벡터이므로 결과는 거기서부터 어떤 크기로도 확대됩니다.

ICO를 SVG로 변환하기 전에 알아야 할 것

추적할 것이 거의 없습니다

아이콘에서 가장 큰 크기도 작아서 흔히 48이나 256 픽셀이므로 추적할 것이 거의 없습니다. 원본에서 한 픽셀 선이었던 것은 불확실한 만큼 넓은 도형이 됩니다. 추적의 결함이 아닙니다. 열여섯 픽셀에서는 애초에 거기 충분한 것이 없었습니다. 결과가 거칠어 보이면 답은 다른 설정이 아니라 더 큰 원본입니다.

한 크기만 읽습니다

파일 안의 크기 중에서 고를 수는 없습니다. 가장 큰 버전의 품질이 나쁘면 추적도 그럴 것입니다. 더 큰 크기의 로고 PNG가 따로 있다면 PNG를 SVG로가 더 나은 결과를 줄 것입니다.

추적은 복구가 아니라 추측입니다

추적은 단색 영역이 끝나는 곳을 찾아 그 경계를 도형으로 적습니다. 아이콘에는 정답에 가깝습니다. 그러나 곡선을 제안하는 것이지 디자이너가 그렸던 곡선을 복원하는 것은 아닙니다. 원본 SVG나 원본 파일이 있다면 그것을 쓰십시오.

여기서 ICO를 SVG로 변환하는 방법

아이콘 추가

ICO를 페이지에 끌어다 놓거나 기기에서 선택하십시오. 브라우저 안에서 읽히며 업로드되지 않습니다.

추적이나 유지, 그리고 색을 고르세요

아이콘이 도형이 되어야 하는지 들어온 그대로 남아야 하는지 정하십시오. 추적한다면 색의 수를 정하십시오. 아이콘에는 보통 적은 수가 맞습니다.

변환하고 비교하세요

버튼을 누르고 SVG를 내려받으십시오. 브라우저에서 열어 확대해 보십시오. 좋은 추적은 매끄럽게 유지됩니다. 아이콘과 비교하고, 맞지 않으면 색을 조정해 다시 시도하십시오.

ICO와 SVG 자세히 보기

묶음과 그림

ICO는 각각 고정된 크기의 작은 그림 여러 개가 들어 있는 컨테이너여서, 시스템이 아이콘이 표시되는 곳에 맞는 것을 고를 수 있습니다. SVG는 어떤 크기로도 그려질 수 있는 하나의 그림입니다. ICO를 SVG로 변환한다는 것은 그 작은 그림 중 하나를 가져와 그 뒤의 그림을 요청하는 것입니다. 반대 방향인 SVG를 ICO로는 정확하지만, 이 방향은 추정입니다.

결과가 아이콘과 달라 보일 수 있는 이유

작은 아이콘은 그 크기에서 좋아 보이도록 픽셀 하나하나 손으로 디자인되는 경우가 많습니다. 추적은 그 픽셀들을 매끄러운 도형으로 바꿉니다. 모서리가 약간 둥글어지고 가는 세부가 굵어질 수 있습니다. SVG는 그림의 충실한 초상이지만 디자이너의 의도를 그대로 복사한 것은 아닙니다.

추적을 피해야 할 때

아이콘이 아바타처럼 축소된 사진이라면 추적하지 마십시오. 그림을 들어온 그대로 두십시오. 추적은 단색으로 만든 표식을 위한 것입니다.

상황별 자세히

파비콘으로 살아남은 사라진 로고

오래된 사이트는 로고의 유일한 사본을 파비콘으로 가지고 있는 경우가 있습니다. ICO를 SVG로 변환하고, 그림 프로그램에서 도형을 정리하면 표식을 더 큰 크기로 다시 만들 바탕이 생깁니다.

프로그램 아이콘

오래된 소프트웨어에서 추출한 아이콘이 남은 유일한 그림일 수 있습니다. 추적한 SVG가 있으면 문서에서 볼 수 있는 크기로 재사용할 수 있습니다.

디자인 현대화

사이트나 앱을 리디자인할 때 옛 아이콘은 현대적인 크기로 다시 그려야 하는 경우가 많습니다. 추적한 SVG는 디자이너에게 기존 표식과 일치하는 출발점을 줍니다.

SVG를 요구하는 웹사이트

일부 플랫폼은 로고에 SVG만 받습니다. 그림을 유지하는 것으로 플랫폼에 충분하다면 아이콘을 감쌀 수 있습니다. 진짜 벡터여야 한다면 추적하십시오.

ICO를 SVG로 변환하기 전의 실용적 조언

더 큰 원본을 찾아보세요

ICO를 SVG로 변환하기 전에 표식의 더 큰 버전이 있는지 확인하십시오. 사이트의 PNG, 브랜드 키트, 오래된 문서가 있을 수 있습니다. 더 큰 원본은 훨씬 나은 추적을 줍니다.

적은 수의 색을 쓰세요

대부분의 아이콘은 두 가지에서 다섯 가지 색을 씁니다. 그 수를 요청하면 디자인과 맞는 깔끔한 도형이 나옵니다.

나중에 할 일을 알아 두세요

추적된 아이콘은 출발점입니다. 그림 프로그램에서 도형을 정돈하고, 곡선을 매끄럽게 하고, 레이어에 이름을 붙이는 데 몇 분을 계획하십시오.

ICO를 보관하세요

ICO는 원천입니다. 추적이 좋지 않으면 다른 설정으로 다시 시도하는 데 필요할 것입니다.

ICO를 SVG로 변환할 때 최선의 추적을 얻기

기대하는 색의 수를 세어 보세요

ICO를 SVG로 변환하기 전에 아이콘을 보고 색을 세어 보십시오. 흰 사각형 위의 초록 잎 아이콘이라면 둘이나 셋을 요청합니다. 그 수를 요청하면 디자인과 맞는 깔끔한 도형이 나옵니다.

가장자리를 살피세요

작은 아이콘에서 두 색 사이의 경계는 그림이 그려질 때 부드럽게 처리되었기 때문에 중간 색조의 부드러운 선입니다. 추적은 그 부드러운 선 안에서 가장자리가 어디에 있는지 정해야 합니다. 가운데를 택하며, 거의 언제나 맞습니다.

배경을 생각하세요

아이콘의 배경이 투명하면 비어 있는 채로 남습니다. 표식 뒤에 색 있는 사각형이 있다면 추적은 그것을 도형으로 포함하므로, 표식이 다른 색 위에 놓일 수 있도록 삭제하고 싶을 수 있습니다.

변환하기 전에 사람들이 묻는 질문

원래의 벡터를 되찾을 수 있나요?

아니요. 추적은 복구가 아니라 추측입니다. 그림에 있는 색의 경계를 따르는 도형을 제안합니다.

결과가 왜 거친가요?

아이콘이 작아서, 흔히 48이나 256 픽셀이고 추적할 것이 거의 없기 때문입니다. 답은 다른 설정이 아니라 더 큰 원본입니다.

ICO 안의 어느 크기가 사용되나요?

브라우저가 그중 하나, 보통 가장 큰 것을 넘겨줍니다. 나머지는 읽히지 않습니다.

투명도가 유지되나요?

네. 비치는 배경은 비어 있는 채로 남습니다.

내 아이콘이 업로드되나요?

아니요. 변환은 브라우저에서 실행되며 아이콘은 기기를 떠나지 않습니다.

ICO로 되돌아갈 수 있나요?

네. SVG를 ICO로가 도형을 여섯 가지 크기로 그려 한 파일에 담습니다.

ICO를 SVG로 변환할 때의 현명한 선택

추적할까, 유지할까?

단색 아이콘은 추적하십시오. 사진처럼 보이는 것은 유지하십시오. 확신이 없다면 추적해 보고 결과를 원본 옆에서 보십시오.

다른 출발점

표식의 PNG가 있다면 PNG를 SVG로가 더 많은 픽셀에서 시작합니다. JPG가 있다면 JPG를 SVG로가 같은 방식으로 작동하지만 압축 잡음에 주의가 필요합니다.

시작한 것을 보관하세요

ICO를 SVG 옆에 보관하십시오. 둘은 다른 것이며 각각 쓸모가 있습니다.

변환 후 좋은 결과를 얻기

그림 프로그램에서 여세요

도형과 색을 보십시오. 흩어진 점을 지우고, 하나여야 할 도형을 합치고, 울퉁불퉁하게 나온 곡선을 매끄럽게 하십시오.

여러 크기에서 확인하세요

확대와 축소를 해 보십시오. 좋은 추적은 모든 크기에서 모양을 유지합니다.

표식이 중요하면 다시 만드세요

브랜드 표식이라면 추적을 안내선으로 삼아 깔끔하게 다시 그리십시오. 한 시간의 작업이 몇 년 동안 쓸 수 있는 파일을 줍니다.

추적한 아이콘 최대한 활용하기

크기 조정이 중요한 곳에 쓰세요

결과의 큰 장점은 크기를 키울 수 있다는 것입니다. 포스터, 간판, 자수 패치, 스티커에 쓰고 더 큰 파일을 찾아다니지 않아도 되는 것을 즐기십시오. 다시 픽셀 그림이 필요할 때는 SVG-to-PNG 도구가 도형을 고른 크기로 그려 줍니다.

쉽게 색 바꾸기

모든 영역이 채움이 있는 도형이므로, 색을 바꾸는 일은 도형을 선택해 다른 색을 고르는 것입니다. 이것이 사람들이 처음부터 ICO를 SVG로 변환하는 이유인 경우가 많습니다. 색이 잘못된 아이콘, 또는 어두운 배경에서 작동해야 하는 버전입니다.

크기 세트 다시 만들기

깔끔한 SVG가 생기면 SVG를 ICO로로 새 파비콘을 포함해 필요한 모든 크기의 아이콘 파일을 만들 수 있습니다. 새 파일은 각 크기를 도형에서 새로 그려 담으므로, 옛 파일의 확대 사본보다 선명합니다.

남의 작품에 주의하세요

아이콘을 추적한다고 그에 대한 권리가 생기는 것은 아닙니다. 소유하고 있거나 사용 허가를 받은 표식에 변환을 쓰십시오. 자신의 옛 로고라면 최신으로 가져오는 편리한 방법입니다.

마음에 든 설정을 기록하세요

특정 종류의 아이콘에 맞는 색의 수를 찾으면 적어 두십시오. 다음에 비슷한 표식에 ICO를 SVG로 변환할 때, 깔끔한 도형을 준다고 아는 설정에서 시작하게 됩니다.

개인정보와 처리

작품에 로컬 변환이 중요한 이유

표식과 디자인은 공개되기 전에는 기밀일 수 있습니다. 많은 온라인 변환기는 파일을 서버에 올려 처리한 뒤 결과를 돌려주며, 한동안 사본이 통제할 수 없는 기계에 머뭅니다. 여기서는 브라우저가 작업을 하므로 아이콘이 기기에 남습니다.

페이지를 떠나면 일어나는 일

페이지를 닫으면 변환된 파일은 브라우저에서 사라지므로 먼저 내려받으십시오. 아이콘에 관한 것은 아무것도 보관되지 않습니다.

문제가 생겼을 때

추적이 울퉁불퉁해 보입니다

아이콘이 작고 세부가 적습니다. 더 큰 원본을 찾거나 그림 프로그램에서 도형을 정돈하십시오.

잘못된 크기를 읽은 것 같습니다

한 크기만 넘어오며 보통 가장 큰 것입니다. 품질이 나쁘다면 더 나은 원본을 찾으십시오.

페이지가 파일을 열지 못합니다

이름만 바꾼 PNG가 아니라 진짜 ICO인지 확인하십시오. PNG라면 대신 PNG를 SVG로를 쓰십시오.

관련 도구

같은 계열의 도구가 이웃한 일을 다룹니다. PNG에는 PNG를 SVG로를, JPG에는 JPG를 SVG로를 쓰십시오. 픽셀이나 아이콘으로 되돌아가려면 SVG를 ICO로, SVG를 PNG로, SVG를 JPG로가 도형을 고른 크기로 그려 줍니다. 인쇄용 벡터 페이지는 SVG를 PDF로에서 나옵니다.

실제 사례

로고의 유일한 흔적이 투명 배경 위의 초록 잎 파비콘인 웹사이트를 물려받았다고 해 봅시다. 인쇄 현수막에 그 잎이 필요합니다. 여기에 ICO를 끌어다 놓고, 두 가지 색으로 추적을 고르고, 버튼을 누릅니다. 잠시 뒤 잎이 깔끔한 초록 도형인 SVG를 내려받습니다. 그림 프로그램에서 열어 두 모서리를 매끄럽게 하고 현수막에 맞게 키웁니다. 가장자리는 선명하게 유지됩니다. ICO는 폴더에 남습니다.

짧은 체크리스트

변환 전

표식의 더 큰 원본을 찾아보십시오. 아이콘이 단색 그림인지 확인하십시오. ICO를 보관하십시오.

변환하는 동안

추적이나 유지를 고르고 색을 정하십시오. 파일이 준비될 때까지 페이지에 머무십시오.

변환 후

SVG를 열고, 확대하고, 아이콘과 비교하고, 그림 프로그램에서 정돈하십시오.

흔한 실수

애초에 없던 세부를 기대하는 것

열여섯 픽셀에서는 찾아낼 것이 애초에 충분하지 않았습니다. 가는 선을 바라며 ICO를 SVG로 변환하지 마십시오.

사진 아바타를 추적하는 것

축소된 사진은 조각들의 포스터가 됩니다. 들어온 그대로 두십시오.

너무 많은 색을 쓰는 것

색이 많으면 도형이 지저분해집니다. 아이콘에 필요한 만큼만 적게 쓰십시오.

아이콘은 기기에 남습니다

변환은 로컬에서 이루어집니다. 아이콘은 브라우저가 읽고, 거기서 추적하고, SVG로 돌려줍니다. 아무것도 업로드되지 않으므로 서버에 사본이 남지 않고 다른 누구도 볼 수 없습니다. 공개되지 않은 표식에는 그것이 ICO를 SVG로 변환하는 안전한 방법입니다.

요약

여기서 ICO를 SVG로 변환하려면 아이콘을 끌어다 놓고, 그것에 어떤 일이 일어날지 고르고, 버튼을 누르십시오. 선택은 이렇습니다. 그림이 도형이 되거나, 들어온 그대로 남거나이며, 각 선택의 대가는 시간을 들이기 전에 이 페이지에 적혀 있습니다. 투명도는 유지되고, 아이콘이 보통 이루어지는 선명한 단색도 유지되는데, 이는 애초에 단색으로 그려졌기 때문에 거의 완벽하게 추적되는 유일한 종류의 그림입니다. .ico는 한 파일에 여러 크기를 담고 있으며 브라우저는 그중 하나, 보통 가장 큰 것을 넘겨줍니다. 나머지는 읽히지 않습니다. 가장 큰 것도 작아서 흔히 48이나 256 픽셀이므로 추적할 것이 거의 없습니다. 결과가 거칠어 보이면 답은 다른 설정이 아니라 더 큰 원본입니다.