이미지 벡터 변환
Image to SVG
비트맵을 SVG 경로로 추적해 벡터로 만듭니다. 사진보다는 로고·선화에 적합합니다.
추적은 이미지를 몇 개의 단색으로 줄인 다음 각 영역의 경계를 따라가며 경로로 만듭니다. 로고나 도장, 선화에는 통합니다. 사진에서는 원본보다 크고 보기에도 나쁜 경로 수천 개가 나옵니다.
로고나 선화를 놓으세요
단색 위주의 그림은 깔끔하게 추적되고, 사진은 그렇지 않습니다.
사용 방법
단색 위주의 그림을 놓습니다
스캔한 로고, 사인, PNG로만 남은 아이콘처럼 벡터가 처음부터 없던 것이 아니라 잃어버린 경우가 대상입니다.
색 수를 정합니다
흰 바탕에 검은 마크라면 2, 그림에 정말로 단색이 더 많을 때만 늘리세요. 색이 하나 늘 때마다 경로 층이 하나 늘어납니다.
얼룩을 없애려면 최소 영역 넓이를 올립니다
스캔본에는 색이 어긋난 외딴 픽셀이 곳곳에 있습니다. 이 넓이보다 작은 영역은 경로가 되지 않고 주변에 흡수됩니다.
경로 수를 확인합니다
추적한 로고는 경로가 수십 개입니다. 300개를 넘어가면 페이지가 알려 줍니다. 그것은 그림이 아니라 사진이라는 신호이기 때문입니다.
자주 묻는 질문
사진은 왜 이렇게 엉망으로 추적되나요?
영역이라는 것이 없기 때문입니다. 사진은 연속적인 그라데이션이라, 색을 줄이면 없던 경계가 생기고 그 하나하나가 경로가 됩니다. 결과는 JPEG보다 크고 덜 정확합니다.
추적한 SVG가 원본과 정확히 같나요?
같지 않습니다. 경계를 픽셀 격자 위에서 따라가므로, 원본에서 매끄럽던 곡선이 여러 조각으로 이어진 경로가 되어 미세한 계단이 남습니다. 래스터화되기 전의 벡터를 되찾는 것이 아니라 재구성하는 일입니다.
결과를 어떻게 쓰면 되나요?
SVG 최적화를 한 번 거치세요. 추적한 파일은 필요 이상으로 자릿수가 많습니다. 오래 쓸 자산이라면 편집기에서 경로를 다듬을 각오를 하는 편이 좋습니다.
이 도구로 이어지는 것
SVG 패스 편집기
SVG Path Editor
패스 데이터를 절대·상대 명령으로 바꾸고 이동·확대·회전·방향 뒤집기를 적용하며 경계 상자와 미리보기를 보여 줍니다.
PNG 압축
PNG Compressor
색상 수를 줄이고 압축 스트림을 다시 써서 크기 변화 없이 PNG 용량을 줄입니다.
JPEG 압축
JPEG Compressor
원하는 품질로 JPEG를 다시 인코딩하고 압축 전후 용량과 차이를 함께 보여줍니다.
WebP 변환
WebP Converter
이미지를 WebP로, 또는 WebP에서 다른 형식으로 변환하며 품질과 무손실 모드를 선택할 수 있습니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
SVG 최적화
SVG Optimiser
편집기 잔여 데이터를 지우고 변환을 합치며 좌표 자릿수를 줄이고, 결과를 나란히 비교합니다.
SVG 패스 편집기
SVG Path Editor
패스 데이터를 절대·상대 명령으로 바꾸고 이동·확대·회전·방향 뒤집기를 적용하며 경계 상자와 미리보기를 보여 줍니다.
SVG PNG 변환
SVG to PNG
SVG를 원하는 배율로 PNG·JPEG·WebP로 렌더링하며 배경을 투명하게 두거나 채울 수 있습니다.
이미지 배경 제거
Background Remover
단색이나 균일한 배경을 OKLab에서 키잉해 투명한 PNG로 만들고, 브러시로 경계를 다듬을 수 있습니다.
EXIF 정보 삭제
EXIF Remover
화질은 그대로 두고 카메라·GPS·편집 이력 메타데이터만 지웁니다.
파비콘 생성
Favicon Generator
ICO·PNG·애플 터치 아이콘·웹 매니페스트를 한 번에 만들고 붙여넣을 HTML까지 제공합니다.