알아보기 쉬운 도형
가장 작은 배치 크기에서 좁은 틈과 가는 획을 확인하세요.
사랑받는디자이너
신뢰받는메이커
이미지 → SVG · 웹과 디자인
이미지를 편집 가능한 SVG로 바꾸세요.
로고, 아이콘, 평면 일러스트를 크기 조절이 가능한 벡터 경로로 트레이싱하세요. 무료 미리보기를 확인한 뒤 1크레딧으로 편집과 SVG 다운로드를 잠금 해제하세요.
또는 이미지를 클릭해 사용해 보세요
신용카드 불필요무제한 벡터화 및 미리보기몇 초 만에 SVG 완성
하나의 그래픽, 다양한 크기
헤더에서는 작게. 메인 화면에서는 선명하게.
레이아웃이 바뀌어도 같은 SVG로 대응할 수 있습니다. 아래에서 표시 크기를 바꾸며 아트워크가 잘 보이는지 확인하세요.
헤더 마크 → 본문 일러스트 → 대형 배치목표 160px · 가용 공간에 맞춤
표시용 크기로 조절한 저장된 PerfectVector SVG입니다. 게시 전에 실제 레이아웃에서 원하는 크기로 확인하세요.
좋은 웹 이미지는 경로만으로 완성되지 않습니다.
실루엣을 알아보기 쉽게 유지하고 적절한 표시 크기를 선택하며 삽입하는 위치에 이미지 설명을 제공하세요. 깔끔하게 내보낸 파일도 세심하게 배치해야 합니다.
의도한 크기
레이아웃에서 표시 크기를 설정하고 전체 맥락에서 아트워크를 확인하세요.
유용한 설명
이미지 사용 방식에 적절한 대체 텍스트나 라벨을 추가하세요.
목적에 맞는 형식
사용할 곳에 맞는 형식을 선택하세요.
SVG는 브라우저와 벡터 편집에 적합합니다. PDF, EPS, DXF는 서로 다른 용도에 쓰이므로 확장자보다 목적을 먼저 정하세요.
.svg
이미지에서 SVG로
트레이싱하고 확인한 뒤 SVG를 다운로드하세요.
- 01
이미지 선택
가장 선명한 로고, 아이콘, 일러스트를 업로드하세요. 가능하면 스크린샷 대신 원본 이미지를 사용하세요.
- 02
트레이싱된 도형 비교
무료 미리보기에서 곡선, 가는 획, 글자 안쪽 공간을 원본과 비교하세요.
- 03
잠금 해제 후 다듬기
1크레딧으로 결과를 잠금 해제하면 편집하고 내보낼 수 있습니다. 필요하면 색상을 조정하거나 불필요한 영역을 제거하세요.
- 04
SVG 다운로드 후 확인
SVG를 선택해 파일을 다운로드하고 벡터 편집기나 레이아웃에서 여세요. 아트워크가 표시될 실제 크기에서 세부 사항을 확인하세요.
원본과 활용 시 참고 사항
실제 사용할 환경에서 SVG를 확인하세요.
다음 작업이 브라우저, 크기 조절이 필요한 레이아웃, 벡터 편집기라면 SVG를 선택하세요.
로고를 다양한 크기로 활용하세요.
스크린샷으로 받은 로고는 작은 헤더에서는 선명해도 큰 화면에서는 흐려질 수 있습니다. 벡터화는 픽셀을 크기 조절이 가능한 도형으로 트레이싱합니다. 원본과 결과를 비교한 뒤 실제 사용할 가장 작은 크기에서 가는 획을 확인하세요.
PerfectVector는 결과를 잠금 해제한 후 편집할 수 있는 경로를 만듭니다. SVG에도 비트맵을 삽입할 수 있는데, 이 경우 원본 픽셀의 한계가 그대로 남습니다. SVG를 다운로드하기 전에 트레이싱된 도형을 확인하세요.
이 페이지는 레이아웃과 벡터 편집용 SVG를 다룹니다. 이미지를 벡터로 변환 페이지에서는 래스터 아트워크가 도형으로 트레이싱되는 과정과 적합한 원본 유형을 설명합니다. 제작업체나 기계 작업에 사용할 때는 대상 환경에서 지원하는 형식을 선택하세요.
적합한 원본
- 여러 레이아웃 크기에서 사용할 로고
- 윤곽이 뚜렷한 단순한 인터페이스 일러스트와 아이콘
- 배치 후에도 편집 가능해야 하는 평면 아트워크
파일 전달 전
- 원본 이미지가 있다면 사용하세요. 반복해서 캡처하면 디테일이 손실될 수 있습니다.
- 사용할 가장 작은 표시 크기에서 가는 획을 확인하세요.
- SVG를 삽입하는 웹사이트나 앱에 접근성을 위한 이미지 설명을 추가하세요.
트레이싱으로 복원할 수 없는 것
- 트레이싱은 원래 레이어, 글꼴 파일, 편집 가능한 텍스트를 복원하지 않습니다.
- 사진 질감은 벡터 영역으로 해석됩니다.
- SVG 파일이 더 작아진다는 보장은 없습니다. 복잡한 아트워크는 많은 경로를 생성할 수 있습니다.
자주 묻는 질문
변환 전에 궁금한 점이 있으신가요?
PerfectVector는 이미지를 어떻게 SVG로 바꾸나요?
PerfectVector는 래스터 이미지를 벡터 도형으로 트레이싱하고 해당 경로를 SVG로 내보냅니다. 변경되지 않은 이미지를 SVG 파일 안에 단순히 삽입하는 방식이 아닙니다. 사용 전에 미리보기를 원본과 비교하세요.
다운로드한 SVG를 웹사이트에서 사용할 수 있나요?
네. SVG를 이미지로 레이아웃에 배치할 수 있습니다. 사이트에서 표시 크기를 설정하고 접근성을 위한 적절한 설명을 제공하세요.
로고에 사용된 글꼴을 복원하나요?
아니요. 글자는 도형으로 트레이싱됩니다. 글꼴을 식별하거나 글자를 편집 가능한 텍스트로 복원하지 않습니다.
SVG를 사용하면 페이지가 항상 더 빨리 로드되나요?
아니요. 파일 크기는 아트워크와 도형 수에 따라 달라집니다. 이미지 운영 방식을 정하기 전에 실제 내보낸 파일을 현재 이미지와 비교하세요.
이미지 벡터 변환과는 어떻게 다른가요?
두 페이지는 같은 변환기를 사용합니다. 이 페이지는 웹사이트와 디자인 레이아웃에 SVG를 배치하는 방법을 다룹니다. 이미지를 벡터로 변환 페이지는 래스터에서 벡터로 변환하는 과정과 트레이싱에 적합한 원본 아트워크 유형을 설명합니다.
결과의 색상을 바꿀 수 있나요?
결과를 잠금 해제하면 편집기에서 벡터 색상을 바꾸고 수정된 아트워크를 내보낼 수 있습니다.
결과를 무료로 미리 볼 수 있나요?
벡터화와 보호된 미리보기는 횟수 제한 없이 무료입니다. 결과를 처음 잠금 해제할 때 1크레딧이 사용되며 편집과 내보내기가 활성화됩니다. 이미 잠금 해제한 동일한 결과를 다시 다운로드할 때는 크레딧이 추가로 사용되지 않습니다.
더 둘러보기
관련 도구.
이미지 → SVG · 웹과 디자인
이미지를 벡터 도형으로 확인하세요.
가장 선명한 이미지를 업로드하세요. SVG를 잠금 해제하기 전에 무료 미리보기로 확인하세요.
이미지 무료 미리보기