ICO 파일을 편집 가능한 SVG로 만드는 방법

ICO 파일을 편집 가능한 SVG로 만들 수 있지만, 먼저 무엇을 복구하는지 이해해야 합니다. ICO는 보통 같은 아이콘을 서로 다른 크기와 색상 깊이의 비트맵으로 담은 컨테이너입니다. 꺼내기만 하면 되는 벡터 원본이 숨어 있는 것은 아닙니다. 실제 변환은 포함된 이미지 중 가장 좋은 것을 선택하고 픽셀을 새로운 경로로 추적합니다.

원래 디자인 파일을 잃어버렸을 때 깨끗한 파비콘, 앱 마크, 오래된 인터페이스 아이콘을 복구하는 데 사용할 수 있습니다. 가장 큰 비트맵에도 없었던 곡선이나 세부 사항을 되살릴 수는 없습니다. 가능하면 원래 SVG, AI 또는 소스 파일부터 찾으세요. 복구가 유일하게 현실적인 방법일 때 ICO를 추적하세요.

잃어버린 원본이 Windows .ico가 아니라 Mac .icns 파일이라면 ICNS를 SVG로 변환하는 도구를 사용해 추적 전에 올바른 아이콘 컨테이너를 검사하세요.

복구 원칙

• ICO에는 벡터 객체가 아니라 여러 래스터 표현이 들어 있을 수 있습니다.
• 가장 작은 파비콘 크기 대신 가장 큰 유효한 내장 이미지에서 시작하세요.
• 실제 경로로 추적한 뒤 편집 가능성과 투명도를 확인하세요.
• 서브픽셀 안티앨리어싱은 디자인 세부 사항이 아니라 화면 렌더링으로 보세요.
• 비트맵이 너무 작아 원래 곡선을 정의할 수 없다면 단순하거나 브랜드에 중요한 기하 구조는 다시 그리세요.

ICO 파일 안에는 무엇이 있나요?

ICO는 여러 표시 크기와 성능에 맞는 아이콘 표현을 묶습니다. Microsoft의 아이콘 문서는 아이콘 리소스에 여러 크기와 색상 깊이의 이미지가 들어갈 수 있다고 설명합니다. 디자이너가 작은 크기에서 선명하게 보이도록 픽셀을 직접 조정했기 때문에 버전마다 조금 다를 수 있습니다.

이 때문에 복구에서 두 가지 문제가 생깁니다.

1. 어떤 표현을 원본으로 삼을까요? 가장 큰 이미지에 보통 가장 많은 기하 정보가 있습니다.
2. 어떤 차이가 의도한 것일까요? 작은 파비콘은 작은 크기에서 잘 보이도록 스트로크를 굵게 하거나 세부 사항을 줄이거나 픽셀 위치를 옮길 수 있습니다. 이는 시각적인 조정이며 반드시 마스터 아이콘의 모양인 것은 아닙니다.

작은 항목 하나를 임의로 추적하는 변환기는 같은 컨테이너에 더 좋은 이미지가 있어도 각진 SVG를 만들 수 있습니다. SVG 안에 비트맵만 넣는 변환기는 편집 가능한 경로를 전혀 만들지 않습니다.

원본 선택을 추적 전의 복구 단계로 생각하세요. 가장자리 정보가 가장 많은 표현에서 시작한 뒤, 작은 크기를 위한 시각적 조정 중 무엇을 복구한 디자인에 남길지 결정하세요.

추출, 감싸기, 추적, 다시 그리기는 어떻게 다른가요?

다음 작업들은 혼동하기 쉽습니다.

온라인 변환 후 간단히 확인하세요. SVG를 열고 확대해서 그림을 선택하세요. 이미지 크기의 선택 영역 하나만 보이거나 확대된 가장자리가 각져 보인다면 픽셀을 감싼 것입니다. 개별 도형과 제어점이 있다면 추적 결과입니다.

이미지 벡터화 가이드는 추적이 형식 이름 변경이 아니라 재구성인 이유를 더 자세히 설명합니다.

PerfectVector가 ICO 원본을 선택하는 방법

PerfectVector는 디코딩 전에 ICO 디렉터리와 참조된 페이로드를 검사합니다. 정적 PNG 표현과 일반적인 비압축 Windows 비트맵 표현을 지원합니다. 유효한 지원 항목 중 다음 순서로 일관되게 선택합니다.

1. 픽셀 면적이 가장 큰 항목
2. 면적이 같다면 비트 깊이가 더 높은 항목
3. 면적과 깊이가 같다면 PNG
4. 마지막으로 원본에서 먼저 나오는 항목

ICO 항목은 서로 다른 페이지나 애니메이션 프레임이 아니라 하나의 아이콘의 해상도 변형으로 간주하므로 이 선택은 별도 안내 없이 이루어집니다. 선택한 표현을 로컬에서 검증된 PNG로 디코딩한 뒤 일반적인 벡터화 경로로 보냅니다.

ICO 안의 애니메이션 PNG 페이로드는 정적 아이콘으로 취급하지 않습니다. CUR 커서 파일은 Microsoft의 리소스 파일 형식 참고 자료에 설명된 것처럼 디렉터리 항목에 핫스폿 좌표가 있는 별도 형식입니다. 이 작업 과정에는 포함되지 않습니다.

PerfectVector는 사용자가 항목을 추측하게 하지 않고 가장 좋은 지원 표현에서 시작해 정지 이미지를 편집 가능한 SVG 경로로 재구성하므로 복구 작업에 적합합니다. 선택 규칙은 일관되지만 품질의 한계는 여전히 ICO에 저장된 픽셀에서 결정됩니다.

단계별 아이콘 복구

1. 더 좋은 원본을 찾으세요

웹사이트 저장소, 앱 리소스, 브랜드 폴더, 오래된 디자인 내보내기 파일을 확인하고 아이콘 제작자에게 문의하세요. SVG, AI, EPS, 실제 경로가 있는 PDF, 큰 투명 PNG도 작은 화면용으로 만든 ICO보다 좋은 원본입니다.

2. 여러 크기로 ICO를 미리 보세요

가능하면 아이콘 뷰어나 파일 검사기를 사용하세요. 가장 큰 표현을 찾아 작은 것들과 비교하세요. 사라지는 세부 사항, 굵어지는 스트로크, 픽셀 격자에 맞춰 바뀌는 가장자리를 기록하세요.

3. 복구한 SVG의 용도를 정하세요

• 편집 가능한 마스터 또는 큰 화면 표시: 가장 큰 표현을 따른 뒤 기하 구조를 수정하세요.
• 새 파비콘: 디자인은 보존하되 작은 크기로 새로 내보내고 각각 확인할 계획을 세우세요.
• 인쇄 또는 간판: 가장 큰 비트맵이 모든 중요한 곡선을 명확하게 정의할 때만 진행하세요. 그렇지 않으면 다시 그리세요.
• 보관용 추출: 추적한 SVG와 함께 가장 큰 내장 래스터도 저장하세요.

4. 가장 좋은 표현을 벡터화하세요

ICO를 SVG로 변환하는 도구에 파일을 업로드하세요. PerfectVector가 가장 큰 지원 항목을 선택하고 정규화한 뒤 아이콘을 경로로 추적합니다.

5. SVG를 그림으로서 점검하세요

실루엣, 구멍, 직선 가장자리, 반복되는 모서리 반지름, 대칭, 색상 영역을 확인하세요. 불투명한 원본에서 생긴 배경 사각형은 삭제하세요. 벡터 편집기에서 파일을 열고 도형을 선택해 색을 바꿀 수 있는지 확인하세요.

6. 큰 크기와 작은 크기 모두에서 확인하세요

크게 확대하면 흔들리는 곡선과 너무 많은 노드가 드러납니다. 작은 크기에서는 다른 문제가 보입니다. 기하학적으로 깨끗한 마스터도 16 또는 32픽셀에서는 약하게 보일 수 있습니다. SVG에서 새 래스터 크기를 내보내고 필요하면 파생 파일을 조정하세요. 예전 픽셀을 모두 흉내 내려고 마스터를 왜곡하지 마세요.

그대로 추적해서는 안 되는 요소

계단 모양 픽셀

작은 아이콘의 대각선과 곡선 가장자리는 네모난 픽셀로 구성됩니다. 의도한 픽셀 아트가 아니라면 복구한 SVG는 계단마다 작은 사각형을 그리지 말고 의도한 곡선을 추론해야 합니다.

안티앨리어싱 테두리

부드러운 가장자리 색은 특정 배경에서 비트맵이 매끄럽게 보이도록 합니다. 모든 테두리 색이 도형이 되면 SVG가 커지고 다른 배경에서 후광이 보일 수 있습니다. 대신 단색 윤곽을 복구하고 투명도를 확인하세요.

작은 크기를 위한 시각적 조정

디자이너가 16픽셀 버전을 위해 스트로크를 굵게 하거나 간격을 넓혔을 수 있습니다. 모든 크기를 평균 내서 모호한 마스터로 만들지 마세요. 가장 큰 표현에서 시작하고 작은 항목은 앞으로 내보낼 파일의 참고 자료로 사용하세요.

칠해진 체크무늬

이미지 안의 체크무늬는 투명도가 아닙니다. ICO에 이미 들어 있다면 사각형으로 추적됩니다. 투명 배경 가이드는 실제 알파와 칠해진 배경 픽셀을 구별하는 방법을 설명합니다.

직접 다시 그리는 것이 더 나은 경우

다음 경우에는 다시 그리세요.

• 가장 큰 유효한 표현도 여전히 작을 때
• 원, 둥근 사각형, 대칭이 정확해야 할 때
• 텍스트나 레터링이 있을 때
• 아이콘이 현재 사용하는 상표나 브랜드 자산일 때
• 몇 개의 단순한 도형이어야 하는데 추적 결과가 여러 조각으로 나뉠 때
• 하나의 복구 결과보다 일관된 아이콘 세트가 필요할 때

단순한 아이콘은 픽셀을 그대로 추적한 뒤 고치는 것보다 사각형, 원, 베지어 곡선으로 다시 만드는 편이 빠른 경우가 많습니다. 불규칙한 세부 사항이 충분해서 추적으로 유용한 편집용 바탕을 얻을 수 있을 때 복구의 가치가 가장 큽니다.

로고에는 로고를 벡터화하는 방법의 검증 단계를 적용하세요. 특히 복구한 SVG를 마스터로 보관하고 여기에서 각 납품 형식을 내보내라는 조언을 따르세요.

FAQ

ICO 파일은 이미 벡터인가요? 아닙니다. ICO에는 보통 하나 이상의 비트맵 아이콘 표현이 들어 있습니다. 여러 크기를 담을 수 있지만 이미지 자체는 픽셀입니다. 편집 가능한 SVG를 만들려면 경로로 추적하거나 다시 그려야 합니다.

ICO 안의 어떤 이미지를 벡터화해야 하나요? 보통 가장 많은 형태 정보를 담은 가장 큰 유효한 표현에서 시작하세요. 더 큰 원본이 있을 때 작은 항목을 마스터로 삼지 말고, 작은 크기를 위한 시각적 조정의 참고 자료로 사용하세요.

ICO를 SVG로 변환했는데 왜 여전히 픽셀이 보이나요? 변환기가 경로를 추적하지 않고 SVG 안에 비트맵을 넣었을 수 있습니다. 벡터 편집기에서 파일을 여세요. 아이콘 전체가 이미지 하나로 선택된다면 여전히 래스터입니다.

ICO 변환으로 원래 SVG를 정확하게 복구할 수 있나요? 아닙니다. 저장된 픽셀에서 도형을 재구성할 수는 있지만, 원래 제어점이나 레이어, 래스터화할 때 없어진 세부 사항을 복구할 수는 없습니다. 브랜드에 중요한 작업은 검증하거나 다시 그려야 합니다.

PerfectVector는 CUR 파일도 변환하나요? 아닙니다. CUR은 ICO와 비슷하지만 커서 핫스폿이라는 의미가 추가됩니다. ICO 복구 과정에서는 CUR을 일반 아이콘처럼 받지 않습니다.

Sources

1. Microsoft Learn — 아이콘 개요 — 여러 크기와 색상 깊이의 아이콘 리소스를 설명합니다.
2. Microsoft Learn — 리소스 파일 형식 — ICO 이미지 항목, PNG/DIB 페이로드, 커서 핫스폿 필드를 정의합니다.
3. Microsoft Learn — 커서 리소스 — 커서 리소스와 핫스폿 좌표를 설명합니다.
4. PerfectVector — ICO를 SVG로 변환하는 도구 — 제품의 현재 원본 선택 및 추적 과정을 설명합니다.

---

원래 디자인 파일을 정말 잃어버렸다면 ICO를 업로드하고 가장 좋은 표현을 SVG 경로로 복구하세요. 그다음 실루엣, 투명도, 반복되는 기하 구조, 작은 크기의 내보내기를 확인하세요. 이 점검을 통과한 뒤에만 새 편집용 마스터로 보관하세요.