클릭해서 올리기, 또는 JPG 로고·스케치·사진을 끌어다 놓으세요
JPG — PNG, WebP, GIF도 가능합니다. 브라우저에서 처리되며 업로드되지 않습니다.JPG를 SVG로 변환하기
JPG는 픽셀로 이루어져 있습니다. 크게 키우면 가장자리가 흐려지고 블록처럼 보입니다. SVG는 도형으로 이루어져 있습니다. 선과 곡선이라서 명함부터 현수막까지 어떤 크기에서도 선명합니다.
이 도구는 JPG를 따라 그립니다. 같은 색의 영역을 찾아 영역마다 벡터 도형으로 그립니다. 로고, 아이콘, 스케치, 스캔한 그림이 크기를 바꾸고, 색을 바꾸고, 커팅 머신으로 자르고, 웹사이트에 올릴 수 있는 깔끔한 SVG가 됩니다.
모든 작업은 브라우저 안에서 이루어집니다. 이미지는 업로드되지 않습니다.
주요 기능
- 진짜 벡터 도형 — 크기를 바꾸고 편집하고 색을 바꿀 수 있는 패스입니다. JPG를 SVG 파일에 싸 놓은 것이 아닙니다
- JPG 노이즈 정리 — 윤곽을 지키는 가벼운 블러로 JPG 압축이 남기는 얼룩을 없앱니다
- 프리셋 네 가지 — 로고, 선 그림, 세밀한 그림, 사진용 포스터 느낌
- 직접 조절 — 색의 개수, 매끄러움, 세부를 슬라이더로
- 배경 없음 — 로고의 흰색이나 단색 배경을 뺄 수 있습니다
- 나란히 미리보기 — 원본과 변환된 SVG를 나란히 보여 줍니다
- 내려받기 또는 복사 — .svg 파일, 또는 웹 페이지용 SVG 코드
JPG는 왜 먼저 정리가 필요할까요
JPG는 8×8 픽셀의 작은 블록마다 미세한 정보를 버려서 파일을 작게 만듭니다. 보통 크기에서는 보이지 않지만, 선명한 가장자리 주변에 회색 테두리와 작은 색 얼룩이 남습니다. 따라 그리기는 아주 곧이곧대로라서 얼룩 하나하나가 도형이 됩니다. 단순한 로고도 가장자리가 흐릿한 수천 개의 도형이 될 수 있습니다.
「먼저 JPG 노이즈 정리」 상자는 페이지를 열 때 체크되어 있습니다. 색을 세기 전에 각 픽셀을 비슷한 색의 이웃 픽셀과만 부드럽게 합칩니다. 얼룩과 테두리는 녹아 없어지고, 서로 다른 색 사이의 진짜 경계는 선명하게 남습니다. 아주 깨끗한 JPG이거나 꼭 남겨야 할 작은 세부가 있다면 체크를 해제하세요.
저희 테스트에서 품질 60(보통의 웹용 JPG)으로 저장한 900 × 600 로고 JPG는 정리하지 않으면 도형 113개(47 KB), 정리하면 도형 74개(32 KB)가 되었습니다. 같은 로고인데 가장자리가 더 깔끔합니다.
네 가지 프리셋
프리셋은 세 슬라이더를 좋은 출발점에 맞춰 줄 뿐입니다. 그 뒤에도 직접 움직일 수 있습니다.
| 프리셋 | 잘 맞는 것 | 색 | 매끄러움 | 세부 |
|---|---|---|---|---|
| 로고 또는 아이콘 | 단색 로고, 아이콘, 스티커 | 8 | 4 | 5 |
| 선 그림 | 스케치, 잉크 그림, 서명, 스캔한 선 그림 | 2 | 5 | 6 |
| 세밀한 그림 | 색이 더 많은 일러스트 | 16 | 3 | 7 |
| 사진 | 사진 — 포스터 느낌 | 6 | 6 | 3 |
색이 적을수록 도형이 깔끔하고 파일이 작아집니다. 세부가 많을수록 작은 도형이 남고 가장자리를 더 가깝게 따라갑니다.
사진은 어떻게 되나요
이 부분은 솔직히 말씀드립니다. 따라 그린 사진은 원래 사진과 같아 보이지 않습니다. 따라 그리면 부드러운 색의 변화가 평평한 면이 됩니다. 도구가 사진이라고 판단하면 사진 프리셋을 골라 줍니다. 색은 적게, 도형은 크게, 더 작은 크기로 따라 그립니다. 결과는 실크스크린이나 포스터 같은 느낌이라 스타일을 준 인물 사진, 스티커, 스텐실 같은 디자인, 비닐 커팅에 좋습니다. 사진 그대로가 필요하면 JPG를 보관하세요.
자주 묻는 질문
SVG는 진짜 벡터인가요?
네. 파일에는 JPG 픽셀이 아니라 패스(도형)가 들어 있습니다. Inkscape, Illustrator, Figma, 커팅 머신 프로그램에서 열어 도형을 하나씩 편집할 수 있습니다.
SVG에 도형이 왜 이렇게 많나요?
이미지에 세부나 노이즈가 많기 때문입니다. JPG 노이즈 정리를 켠 채로 두고, 색을 줄이고, 「세부」 슬라이더를 낮추거나 「사진」 프리셋을 써 보세요.
JPG 로고를 Cricut이나 Silhouette용 SVG로 바꿀 수 있나요?
네. 「로고 또는 아이콘」이나 「선 그림」 프리셋을 쓰고 「배경 빼기」를 체크한 다음 SVG를 내려받으세요. 색이 적으면 잘라야 할 레이어도 줄어듭니다.
SVG가 JPG와 똑같아 보이나요?
단색 로고나 선 그림이라면 아주 비슷합니다. 사진은 그렇지 않습니다. 평평한 색 몇 개로 된 포스터 느낌이 됩니다.
이미지가 업로드되나요?
아니요. 따라 그리기는 브라우저에서 이루어집니다. 서버로는 아무것도 보내지 않습니다.
관련 도구
- PNG SVG 변환 — 같은 변환기, PNG 로고와 아이콘용
- 이미지 SVG 변환 — 어떤 이미지 형식이든 변환
- SVG 색 변경 — 변환된 도형의 색 바꾸기
- SVG 자르기 — SVG 주변의 빈 공간 잘라내기
- SVG PNG 변환 — SVG를 원하는 크기의 선명한 PNG로 되돌리기
사용 방법
- 클릭해서 올리기를 누르거나 JPG를 상자로 끌어다 놓으세요
- 이미지 종류를 고르세요: 로고 또는 아이콘, 선 그림, 세밀한 그림, 사진
- 먼저 JPG 노이즈 정리는 체크한 채로 두세요(아주 깨끗한 JPG일 때만 해제)
- 로고가 흰색이나 단색 배경 위에 있으면 배경 빼기를 체크하세요
- SVG로 변환을 누르고 변환된 그림을 확대해 가장자리를 확인하세요
- 필요하면 슬라이더를 움직이고 다시 변환하세요
- SVG 내려받기 또는 SVG 코드 복사를 누르세요
