JPEG SVG 변환

Q: 다음 작업이 Illustrator, Cricut, 레이저 커터라면 어떤 출력을 골라야 합니까?

SVG는 세 곳 모두와 모든 브라우저에서 열립니다. 인쇄소가 AI나 EPS를 요구하면 **변환할 형식**에서 그 형식을, CAD와 대부분의 레이저 소프트웨어용이라면 DXF를 고르십시오.

Q: 스캔한 서명의 가는 획을 살리려면 어떻게 합니까?

**흑백**을 쓰고 **임계값**을 조정하십시오. 임계값보다 어두운 픽셀이 검은색이 되므로 128에서 170 쪽으로 올리면 흐린 펜 획이 남고, 낮추면 회색 종이 결이 사라집니다.

Q: JPEG를 트레이싱하면 그림 뒤의 흰 종이가 지워집니까?

요청할 때만 지워집니다. **배경 제거**를 켜면 가장자리에 닿은 가장 큰 도형, 보통 종이가 빠지고 그림만 투명한 캔버스에 남습니다.

스캔한 도장, 서명한 문서, .jpeg로 저장된 로고를 편집 가능한 윤곽선으로 이루어진 SVG로 바꿉니다. 트레이싱은 모든 색 영역을 도형으로 다시 그리므로 옥외 광고판, 명함, 커팅 플로터 어디에서도 선명하게 유지됩니다.

또는 JPG, JPEG, JFIF … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

변환할 형식

색상 모드

색상 수

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

1
JPEG 파일 추가
.jpeg 또는 .jpg 파일을 한 번에 20개까지, 파일당 95 MB까지 넣으십시오. 종이 여백이 도형이 되지 않도록 먼저 스캔본을 그림 부분만 남기고 자르십시오.
2
원본에 맞게 설정
이 페이지는 스캔본에 맞춰 6색, 부드럽게 70으로 시작합니다. 잉크 서명과 도장은 색상 모드에서 흑백을 고르고, 그 밖의 원본은 아래 표를 참고하십시오.
3
벡터 변환 후 확인
SVG로 벡터 변환을 누르고 결과를 브라우저에서 열어 400%로 확대하십시오. 모서리가 녹아내린 듯하면 부드럽게를 낮추고, 잡티가 남으면 고급 설정의 디테일을 낮추십시오.

JPEG는 그림을 찍은 사진이고, SVG는 그림을 설명한 글입니다. 변환기는 픽셀을 보고 각 단색 영역이 어디서 시작해 어디서 끝나는지 판단한 뒤, 그 경계를 곡선으로 기록합니다.

JPEG SVG 변환: 감싸기가 아닌 트레이싱

JPEG에서 .svg로 끝나는 파일을 만드는 방법은 두 가지이며, 쓸모 있는 것은 하나뿐입니다. 손쉬운 방법은 원래 픽셀을 SVG의 image 요소에 집어넣는 것입니다. 여전히 비트맵이므로 확대하면 흐려집니다. 진짜 변환은 트레이싱입니다. 픽셀을 소수의 색으로 묶고, 그 색 사이의 경계를 따라 베지어 곡선을 맞춥니다.

트레이싱이 통하는 이유는 로고, 도장, 인장, 서명, 선화가 애초에 몇 가지 단색으로 만들어졌기 때문입니다. 트레이서는 그 원래 의도를 되살립니다. 종이에 인쇄된 2색 로고를 찍은 사진은 그림자와 종이 색이 각각 한 색씩 차지하므로 대부분 6색이면 충분합니다. Peter Selinger의 오픈소스 Potrace 라이브러리를 바탕으로 한 Inkscape의 비트맵 추적 기능도 데스크톱에서 같은 방식으로 작동합니다.

JPEG 입력은 다른 형식보다 정리할 것이 많습니다. 이 형식은 사진용으로 설계되어 8 × 8픽셀 블록 단위로 미세한 디테일을 조용히 버리고, 그 결과 뚜렷한 경계 옆에 물결무늬가 남습니다. 그래서 이 페이지는 부드럽게를 70으로 올리고 디테일을 50으로 낮춥니다. 곡선을 맞추기 전에 물결무늬를 평균으로 지워 내기 위해서입니다. 같은 그림의 PNG가 있다면 PNG SVG 변환이 더 깨끗한 경계에서 시작합니다.

라이브 트레이스에서 이미지 트레이스까지: 트레이서의 역사

1992
JPEG 표준화
ITU-T T.81이 그 뒤 거의 모든 카메라와 스캐너가 쓰는 압축 방식을 정의합니다.
2001
SVG 1.0
W3C가 SVG를 권고안으로 발표해 벡터에 공통 개방형 파일 형식이 생깁니다.
2005
라이브 트레이스
Illustrator CS2가 스캔본을 손으로 다시 그리던 디자이너를 위해 자동 트레이싱을 추가합니다.
2012
이미지 트레이스
Illustrator CS6가 라이브 트레이스를 색상·패스 사전 설정을 갖춘 이미지 트레이스로 대체합니다.

JPG

JPEG 이미지

JPEG(또는 JPG)는 1992년 Joint Photographic Experts Group이 표준화한, 가장 널리 쓰이는 사진 형식입니다. 눈으로 알아채기 어려운 미세한 디테일을 버리는 손실 압축을 사용해 웹, 이메일, 휴대폰 저장 공간에 맞게 사진 용량을 작게 유지합니다. 부드러운 그라데이션과 자연 풍경은 잘 표현하지만, 선명한 글자, 선화, 단색 영역에는 블록 모양이나 번진 듯한 아티팩트가 눈에 띕니다. JPEG에는 투명도와 애니메이션이 없고, 다시 저장할 때마다 화질이 조금씩 더 떨어집니다. 모든 브라우저, 휴대폰, 카메라, 이미지 편집기에서 열 수 있습니다.

압축 방식: 손실
투명도: 아니요
애니메이션: 아니요
도입 연도: 1992 · Joint Photographic Experts Group

JPG 변환

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

SVG는 2001년 W3C가 표준화한 XML 기반 벡터 형식입니다. 픽셀 대신 도형, 패스, 텍스트를 기술하므로 어떤 크기에서도 선명하고, 로고와 아이콘은 보통 용량이 아주 작습니다. 투명도, CSS 스타일, 스크립트, 애니메이션을 지원하며 모든 브라우저가 기본으로 렌더링합니다. SVG는 사진에는 맞지 않고, 복잡한 일러스트는 렌더링이 느려질 수 있습니다. Illustrator, Inkscape, Figma와 브라우저에서 열고 편집할 수 있습니다.

압축 방식: –
투명도: 예
애니메이션: 예
도입 연도: 2001 · W3C

SVG 변환

JPEG 파일은 대개 스캐너, 카메라, 이메일에서 바로 오기 때문에, 도장이나 서명, 인쇄된 로고를 인쇄물·웹·커팅기에서 깔끔하게 확대해야 할 때 트레이싱합니다. 반대로 SVG를 JPEG로 바꾸는 것은 사진만 받는 곳을 위해 벡터를 평면 이미지로 만드는 작업입니다.

흔한 JPEG 원본별 설정

JPEG 내용	색상 모드	색상 수 또는 임계값	부드럽게	곡선
스캔한 잉크 서명 또는 고무 도장	흑백	임계값 128–170	60–70	부드러운 곡선
인쇄된 로고를 휴대폰으로 찍은 사진	컬러	4–6	70	부드러운 곡선
JPEG로 내보낸 기하학적 로고	컬러	2–8	40–50	직선
채색한 손그림 일러스트	컬러	16–24	60	부드러운 곡선
회색조 연필 스케치	회색조	6–10	50	부드러운 곡선

JPEG를 그대로 두어야 할 때

사진은 벡터 사진이 되지 않습니다

인물 사진, 제품 사진, 풍경 사진에는 수천 가지의 완만한 톤이 있습니다. 64색으로 트레이싱하면 평평한 포스터 같은 띠로 바뀌고, SVG가 JPEG보다 몇 배나 커질 수 있습니다. 사진은 의도적으로 양식화한 느낌이나 단색 커팅 외곽선이 필요할 때만 트레이싱하십시오. 자세한 내용은 사진 SVG 변환에 있습니다. 실제처럼 보여야 하는 이미지는 JPEG로 두십시오.

JPEG SVG 변환 자주 묻는 질문

JPEG SVG 변환과 JPG SVG 변환은 다른 작업입니까?

아닙니다. JPEG와 JPG는 같은 형식이며 확장자 길이만 다릅니다. 확장자가 세 글자로 제한되던 시절의 흔적입니다. 카메라와 스캐너는 .jpeg를, 웹 도구는 .jpg를 쓰는 경우가 많으며, 트레이서는 둘을 똑같이 처리합니다.

트레이싱한 JPEG의 가장자리에 얇은 색 테두리가 생기는 이유는 무엇입니까?

대부분의 JPEG 파일은 색 정보를 밝기의 절반 해상도로 저장합니다. 이를 크로마 서브샘플링이라고 합니다. 흰 바탕 위 빨간색처럼 경계가 뚜렷한 곳에서는 색이 1–2픽셀 번지고, 트레이서가 그 번짐을 분홍색 조각으로 만듭니다. 색상 수를 줄이고 부드럽게 값을 높이면 이런 조각이 흡수됩니다.

다음 작업이 Illustrator, Cricut, 레이저 커터라면 어떤 출력을 골라야 합니까?

SVG는 세 곳 모두와 모든 브라우저에서 열립니다. 인쇄소가 AI나 EPS를 요구하면 변환할 형식에서 그 형식을, CAD와 대부분의 레이저 소프트웨어용이라면 DXF를 고르십시오.

트레이싱한 SVG를 나중에 Inkscape나 Illustrator에서 편집할 수 있습니까?

가능합니다. 각 색 영역이 고유한 채우기를 가진 별도 패스이므로 노드 도구로 색을 바꾸거나 지우거나 모양을 고칠 수 있습니다. SVG 최적화를 켜면 작은 패스가 합쳐져 레이어 목록을 다루기가 쉬워집니다.

스캔한 서명의 가는 획을 살리려면 어떻게 합니까?

흑백을 쓰고 임계값을 조정하십시오. 임계값보다 어두운 픽셀이 검은색이 되므로 128에서 170 쪽으로 올리면 흐린 펜 획이 남고, 낮추면 회색 종이 결이 사라집니다.

JPEG를 트레이싱하면 그림 뒤의 흰 종이가 지워집니까?

요청할 때만 지워집니다. 배경 제거를 켜면 가장자리에 닿은 가장 큰 도형, 보통 종이가 빠지고 그림만 투명한 캔버스에 남습니다.

JPEG SVG 변환

이미지 SVG 변환

사용 방법

JPEG 파일 추가

원본에 맞게 설정

벡터 변환 후 확인