JPG SVG 변환
JPG 로고, 스케치, 아이콘을 실제 경로로 이루어진 SVG로 바꿉니다. 어떤 크기로도 확대할 수 있고 Cricut, Silhouette, Illustrator, 웹 페이지에 바로 불러올 수 있습니다. 트레이서가 색 영역을 하나하나 도형으로 다시 그리므로, 결과물은 벡터 껍데기에 넣은 그림이 아니라 진짜 벡터입니다.
이미지 SVG 변환
또는 JPG, JPEG, JFIF … 파일을 여기에 끌어다 놓으세요 ·
파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제
파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.
높이면 작은 점과 미세한 질감이 남고, 낮추면 몇 픽셀보다 작은 도형을 버리고 노이즈를 정리합니다.
높이면 저해상도나 JPG 입력의 들쭉날쭉한 경계를 둥글게 다듬고, 낮추면 날카로운 모서리를 유지합니다.
대부분의 이미지는 부드러운 곡선, 기하학적 로고는 직선, 픽셀 아트의 각진 느낌을 살리려면 픽셀 경계를 선택하십시오.
PDF 입력에만 해당하며 변환할 페이지를 지정합니다(예: 1 또는 1-3, 5). 각 페이지가 별도 파일이 됩니다.
사용 방법
- 1
JPG 업로드
로고, 그림, 단색 그래픽의 JPG 또는 JPEG를 한 번에 최대 20개까지 넣으십시오. 원본이 크고 깨끗할수록 곡선이 매끄러워집니다.
- 2
색상 설정
색상 수는 대부분의 로고에 맞는 8에서 시작합니다. 서명과 선화는 색상 모드를 흑백으로 바꾸고, JPG가 작거나 깍두기처럼 깨져 있다면 부드럽게를 올리십시오.
- 3
변환 후 확인
SVG로 벡터 변환을 누르고 파일을 브라우저에서 열어 확대해 보십시오. 작은 디테일이 빠졌다면 고급 설정에서 디테일을 올려 다시 변환하십시오.
JPG SVG 변환은 처음부터 단순했던 이미지, 즉 로고, 아이콘, 도장, 서명, 그림에서 가장 잘 됩니다. 원본의 색이 적을수록 벡터가 깨끗해집니다.
JPG가 벡터 경로가 되는 과정
JPG는 1992년의 JPEG 방식으로 압축된 픽셀 격자이고, 2001년부터 W3C 표준인 SVG는 좌표와 곡선으로 묘사한 도형 목록입니다. 둘 사이에 직접 대응하는 변환이 없으므로 변환기는 트레이싱을 합니다. 픽셀을 제한된 수의 색으로 묶고, 각 색 영역의 경계를 찾은 뒤, 그 경계를 따라 매끄러운 곡선을 맞춥니다.
Potrace 라이브러리를 기반으로 한 Inkscape의 비트맵 추적(Trace Bitmap)과 Illustrator CS6에서 도입된 Illustrator의 이미지 추적(Image Trace)도 같은 원리입니다. 도구마다 다른 것은 색을 고르는 방식과 노이즈를 얼마나 적극적으로 매끄럽게 지우느냐입니다. 이 두 가지가 바로 여기서 색상 수, 디테일, 부드럽게가 조절하는 부분입니다.
JPG는 고유한 어려움도 더합니다. 이 포맷은 이미지를 8 × 8 픽셀 블록으로 나누고 블록 안의 세밀한 디테일을 버리기 때문에, 선명한 가장자리 주변에 희미한 번짐이 남습니다. 트레이서는 이 번짐을 별도의 도형으로 인식합니다. 그래서 이 페이지는 부드럽게를 일반적인 50이 아닌 60에서 시작합니다.
JPG SVG 변환 시 색상 수 고르기
- 2
단색 로고, 스텐실, 비닐 스티커
- 4–8
단순한 로고와 아이콘(기본값 8)
- 16–32
일러스트, 만화, 배지
- 64
최대값, 포스터화한 사진
JPG SVG 변환으로 할 수 있는 것과 없는 것
오해JPG를 SVG로 저장하면 어떤 크기에서도 선명해진다.
사실확대해도 깨지지 않는 것은 트레이싱한 경로뿐입니다. JPG를 넣기만 한 SVG는 JPG와 똑같이 흐려집니다.
오해색이 많을수록 벡터가 더 좋아진다.
사실16–32색을 넘으면 주로 작은 도형과 용량만 늘어납니다. 로고는 4–8색에서 더 깔끔합니다.
오해흐릿한 JPG도 선명하게 나온다.
사실트레이서는 들쭉날쭉한 가장자리를 다듬을 수 있지만, JPG에 원래 없던 디테일을 만들어 낼 수는 없습니다.
JPG 로고를 깔끔하게 트레이싱하는 방법
| 권장 | 비권장 |
|---|---|
| 가진 것 중 가장 큰 JPG를 쓰십시오. 가로 1000 px 이상이 이상적입니다. | 작은 썸네일이나 스크린샷을 다시 찍은 스크린샷을 트레이싱하지 마십시오. |
| 업로드 전에 테두리와 빈 공간을 잘라 내십시오. | 2색 로고에 색상 수를 64까지 올리지 마십시오. |
| 서명과 손글씨 메모는 흑백을 고르십시오. | 인물 사진의 피부 톤이 유지되리라 기대하지 마십시오. |
| 스티커와 커팅 파일은 배경 제거를 켜십시오. | 트레이싱 전에 JPG를 여러 번 다시 저장하지 마십시오. |
SVG가 준비되면 벡터를 쓰는 거의 모든 곳에 넣을 수 있습니다. 웹 디자이너는 페이지에 인라인 아이콘으로 붙여 넣고, 간판 제작자는 플로터로 보내고, 공예가는 Cricut Design Space에 불러옵니다. 이미지만 받는 마켓플레이스 상품 등록처럼 다시 래스터가 필요하다면 SVG PNG 변환으로 원하는 크기의 선명한 사본을 내보내십시오.
SVG보다 DXF를 선호하는 레이저 커터와 CAD 소프트웨어용이라면 같은 JPG를 JPG DXF 변환으로 트레이싱하십시오. AutoCAD와 대부분의 레이저 소프트웨어가 읽는 포맷으로 윤곽선을 저장합니다.
JPG SVG 변환 자주 묻는 질문
결과 SVG는 진짜 벡터입니까, JPG를 SVG 파일에 넣은 것뿐입니까?
진짜 벡터입니다. 어떤 변환기는 JPG를 SVG의 image 태그에 넣기만 해서, 확대하면 여전히 픽셀이 깨집니다. 이 도구는 윤곽을 트레이싱해 SVG 경로로 기록하므로, 텍스트 편집기로 파일을 열면 인코딩된 픽셀 데이터 덩어리 대신 좌표가 보입니다.
인물 사진이나 풍경 사진 JPG도 SVG로 바꿀 수 있습니까?
가능하지만 사진이 아니라 포스터나 숫자 색칠 그림처럼 보입니다. 벡터는 단색 영역을 묘사하는데, 사진에는 미묘한 색조가 수백만 가지 있습니다. 일러스트 느낌을 원하면 24–32색을, 커팅 기계용이라면 흑백을 고르십시오. 자세한 내용은 사진 SVG 변환을 참고하십시오.
Cricut나 Silhouette 커팅 파일에는 어떤 설정이 맞습니까?
흑백이나 2–4색을 쓰고, 흰 영역이 도형으로 잘리지 않도록 배경 제거를 켜고, 기계가 가장자리를 따라가도록 윤곽선만도 고려하십시오. Cricut Design Space와 Silhouette Studio 모두 SVG를 바로 가져옵니다.
트레이싱한 로고의 가장자리가 울퉁불퉁한 이유는 무엇입니까?
JPG 압축은 선명한 가장자리 주변에 희미한 노이즈를 더하고, 트레이서는 그것까지 따라갑니다. 부드럽게를 올리거나 디테일을 조금 낮추거나, 기하학적 로고라면 곡선에서 직선을 고르십시오. 더 큰 JPG에서 시작하는 것이 가장 효과적입니다.
SVG 파일 용량은 어느 정도입니까?
4–8색으로 트레이싱한 단순한 로고는 보통 몇 KB에서 수십 KB입니다. 색과 세밀한 질감이 늘 때마다 경로가 추가되므로, 트레이싱한 사진이 원본 JPG보다 무거워질 수도 있습니다. SVG 최적화는 좌표를 반올림하고 경로를 합쳐 용량을 줄입니다.
트레이싱에는 JPG보다 PNG가 더 나은 출발점입니까?
대개 그렇습니다. 같은 로고의 PNG에는 압축 노이즈가 없고 배경이 이미 투명할 수도 있어 더 깨끗하게 트레이싱됩니다. 둘 다 있다면 PNG SVG 변환을 쓰고, JPG만 있다면 부드럽게 값을 높이면 차이가 대부분 줄어듭니다.