JPG를 SVG로 변환 Joint Photographic Experts Group ↔ Scalable Vector Graphics 무료 온라인 안전

사람들이 JPG를 SVG로 변환하는 이유

JPG는 사진에 알맞게 압축된 색깔 있는 점들의 격자입니다. SVG는 도형으로 설명한 그림입니다. 이 차이가 둘로 할 수 있는 일을 결정합니다. JPG는 크기가 정해져 있어서 확대하면 흐려지지만, SVG는 건물 옆면만 한 크기로 키워도 선명하게 유지됩니다. 로고, 도장, 서명, 선 그림은 스캔하거나 촬영하거나 받은 방식 때문에 JPG로만 존재하는 경우가 많고, 그러면 더 크게 쓰거나, 색을 바꾸거나, 플로터로 자르거나, SVG를 요구하는 사이트에 올려야 할 필요가 생깁니다. 그래서 사람들이 JPG를 SVG로 변환합니다. 그림은 있는데 도형으로 된 그림이 필요한 것입니다.

이런 변환이 할 수 있는 일과 할 수 없는 일에 대해 솔직한 것이 중요합니다. 픽셀을 다시 도형으로 바꾸는 것은 사라진 원본 그림의 복원이 아닙니다. 단색 영역이 끝나는 곳을 보고 하는 추측입니다. JPG로 저장된 로고라면 추측이 대개 좋습니다. 휴가 사진이라면 거의 쓸모가 없습니다. 이 페이지는 두 가지 선택지를 제공하며, 시간을 들이기 전에 각각 무엇이 드는지 알려 줍니다. 그림을 따라 그려 도형이 되게 하거나, 받은 그대로의 그림을 SVG로 감싸서 유지할 수 있습니다.

이 페이지는 브라우저에서 JPG를 SVG로 변환합니다. 그림은 서버에 업로드되지 않으므로 로고, 스캔, 아직 공개되지 않은 디자인에 중요한 점입니다. 아래에서 따라 그리기가 어떻게 작동하는지, 색 수를 어떻게 고르는지, JPG에 특별한 주의가 필요한 이유는 무엇인지, 따라 그리지 않는 것이 더 나은 답일 때는 언제인지 보실 수 있습니다.

변환이 작동하는 방식

그림에 일어나는 일의 두 가지 선택

그림에 무슨 일이 일어날지 고릅니다. 도형이 되거나, 받은 그대로 남습니다. 첫째는 따라 그리기입니다. 그림을 분석하고, 고른 색 수로 눈이 묶는 대로 도형을 묶어, 그 경계를 그 색들로 채운 도형으로 씁니다. 둘째는 감싸기입니다. 그림이 바뀌지 않은 채 SVG 파일 안에 놓이므로, 파일은 겉은 SVG이고 속은 같은 픽셀입니다.

눈이 묶는 대로의 도형

따라 그리기는 고른 색 수로 눈이 묶는 대로 도형을 유지합니다. 두 색 로고는 두 색 도형이 되고, 여덟 색으로 따라 그린 그림은 층으로 깔린 여덟 가지 단색 톤이 됩니다. 작품의 비율과 원래 크기가 SVG에 기록되므로 원래 크기대로 레이아웃에 들어갑니다.

그림 그대로 두기

대신 그림을 그대로 두면 겉은 SVG이고 속은 같은 픽셀인 파일을 얻습니다. 무엇인가가 .svg만 받을 때 유용하며, 벡터 그림을 얻는 방법은 아닙니다. 그림은 JPG가 그랬듯이 확대하면 흐려질 것입니다.

유지되는 것

고른 색 수의 도형

도형은 고른 색 수로 눈이 묶는 대로 유지됩니다. 색이 적을수록 결과는 단순하고 깔끔하며, 색이 많을수록 원본에 가까워지고 파일은 무거워집니다.

비율과 크기

작품의 비율과 원래 크기가 SVG에 기록되므로 그림의 모양이 바뀌지 않고, 파일은 거기서부터 확대·축소할 수 있습니다.

유지할 투명도가 없습니다

JPEG에는 투명도가 없으므로 SVG에도 나타나지 않습니다. 작품이 색 있는 배경 위에 놓이게 되어 있었다면, 변환 뒤에 그리기 프로그램에서 배경 도형을 지워야 합니다.

JPG를 SVG로 변환하기 전에 알아야 할 것

JPG는 모든 가장자리에 얼룩을 남깁니다

JPEG는 세부를 버려서 그림을 보관하고, 뒤에 남기는 것은 모든 가장자리 주위의 희미한 얼룩입니다. 따라 그리기는 그 얼룩을 그림과 구별하지 못하므로 추가 도형이 됩니다. 색을 줄이고 더 부드러운 설정을 쓰면 대부분 가려집니다. 따라 그린 결과의 선 근처가 작은 점들로 가득하다면 색 수를 줄이십시오.

사진 안에는 그림이 없습니다

더 깊은 한계는 JPEG가 시사하는 것과 같습니다. 사진인 파일 안에는 찾아낼 그림이 없으며, 사진을 따라 그리면 그림이 아니라 단색 조각들의 포스터가 나옵니다. JPG로 저장된 로고에는 잘 맞고, 휴가 사진에는 받은 그대로 두는 것이 정직한 답입니다.

큰 그림

아주 큰 그림은 작업을 감당할 만하게 하려고 줄인 크기로 읽으며, SVG는 여전히 원래 크기를 담습니다. 벡터이므로 다시 확대됩니다. 가장 미세한 세부는 읽는 중에 사라질 수 있습니다.

여기서 JPG를 SVG로 변환하는 방법

그림을 추가하세요

JPG를 페이지에 놓거나 기기에서 고르십시오. 브라우저 안에서 읽으며 업로드되지 않습니다.

따라 그리기 또는 그대로 두기, 그리고 색을 고르세요

그림이 도형이 되어야 할지 받은 그대로 남아야 할지 정하십시오. 따라 그린다면 색 수를 설정하십시오.

변환하고 비교하세요

버튼을 누르고 SVG를 내려받으십시오. 브라우저에서 열어 확대해 보십시오. 잘 따라 그린 결과는 매끄럽게 유지됩니다. JPG와 나란히 비교하고, 맞지 않으면 색을 조정해서 다시 시도하십시오.

JPG와 SVG를 자세히 보기

사진과 그림

JPG는 색이 서서히 바뀌고 눈이 작은 오류를 너그럽게 봐주는 사진을 위해 만들어졌습니다. SVG는 도형에 가장자리가 있고 색이 단색인 그림을 위해 만들어졌습니다. 두 형식은 정반대의 일을 합니다. JPG를 SVG로 변환하는 것은 사진을 담으려고 만든 파일에서 그림을 달라고 요청하는 것이며, 스캔한 로고처럼 사진의 내용이 실제로 그림일 때만 통합니다.

따라 그리기가 원본을 복원할 수 없는 이유

로고가 JPG로 저장될 때 곡선은 점으로 바뀌었고 압축이 가장자리를 더 흐렸습니다. 따라 그리기는 점을 읽고 그 점들을 지나는 곡선을 제안합니다. 제안은 대개 아주 좋지만 원래 곡선은 아닙니다. 원본 SVG가 있다면 그것을 쓰십시오.

따라 그리기를 피해야 할 때

사진을 따라 그리지 마시고, 작은 로고의 섬세한 글자를 따라 그리기가 재현해 주기를 기대하지도 마십시오. 그런 경우에는 그림을 받은 그대로 두거나, JPG를 안내 삼아 그리기 프로그램에서 작품을 다시 그리십시오.

자세히 보는 흔한 상황

JPG로만 있는 로고

고객이 로고를 JPG로 보냈는데 더 크게 또는 다른 색으로 써야 합니다. JPG를 SVG로 변환하고, 결과를 확인하고, 그리기 프로그램에서 다듬으십시오. 단순한 로고라면 결과가 훌륭할 수 있습니다.

스캔한 그림, 도장, 서명

흰 종이에 스캔한 펜 그림, 고무 도장, 서명은 깔끔하게 확대되는 단색 SVG로 따라 그릴 수 있습니다. 자신의 서명과 표식만 쓰도록 유의하십시오.

절단과 조각

플로터, 비닐 커터, 레이저 조각기는 벡터 윤곽선으로 작업합니다. 실루엣을 따라 그린 SVG는 그들에게 필요한 것을 줍니다.

SVG를 요구하는 웹사이트

일부 플랫폼은 로고에 SVG만 받습니다. 그대로 두기 옵션으로 플랫폼에 충분하다면 그림을 감쌀 수 있습니다. 진짜 벡터여야 한다면 따라 그리십시오.

JPG를 SVG로 변환하기 전의 실용적인 조언

가진 것 중 가장 크고 가장 깨끗한 JPG에서 시작하세요

픽셀이 많고 압축이 적을수록 따라 그리기가 좋아집니다. 작고 심하게 압축된 그림은 울퉁불퉁한 결과를 줍니다.

먼저 대비를 높이세요

작품이 회색 종이 위의 그림이라면 편집기에서 대비를 올려 선은 어둡고 종이는 밝게 하십시오. 뚜렷한 구분은 잘 따라 그려집니다.

적은 색을 쓰세요

로고에는 보통 두 색에서 네 색이 알맞습니다. 색이 많을수록 압축에서 생긴 점이 더 많아집니다.

JPG를 보관하세요

JPG가 원본입니다. 따라 그린 결과가 좋지 않으면 다른 설정으로 다시 해 보려고 그것이 필요할 것입니다.

JPG를 SVG로 변환할 때 최고의 따라 그리기를 얻는 법

예상하는 색을 세어 보세요

JPG를 SVG로 변환하기 전에 작품의 색을 세어 보십시오. 빨강, 흰색, 검정을 쓰는 로고는 셋을 요구합니다. 그 수를 요구하면 디자인에 맞는 깔끔한 도형이 나옵니다.

가장자리에 유의하세요

JPG에서 두 색 사이의 경계는 중간 색조로 이루어진 부드러운 선입니다. 따라 그리기는 그 부드러운 선 안에서 가장자리가 어디에 있는지 정해야 합니다. 가운데를 고르는데 거의 언제나 맞지만, 아주 가는 선은 조각으로 끊길 수 있습니다. 선이 한두 픽셀 너비에 불과하다면 더 큰 버전에서 시작하십시오.

흰 배경을 생각하세요

JPG에는 투명도가 없으므로 흰 배경은 작품 뒤의 흰 도형으로 들어옵니다. 그리기 프로그램에서 지워서 로고가 다른 색 위에 깔끔하게 놓이게 하십시오.

변환하기 전에 사람들이 묻는 질문

원래의 벡터를 되찾을 수 있나요?

아니요. 따라 그리기는 복원이 아니라 추측입니다. 그림 속 색의 경계를 따르는 도형을 제안합니다.

왜 따라 그린 결과가 점으로 가득한가요?

JPG 압축이 가장자리 주위에 희미한 얼룩을 남기고 따라 그리기가 그것을 도형으로 읽기 때문입니다. 색을 줄이거나 더 깨끗한 원본을 쓰십시오.

왜 사진이 포스터처럼 보이나요?

사진 안에는 그림이 없기 때문입니다. 따라 그리기는 그것을 색 조각들로 바꿉니다. 사진은 받은 그대로 두십시오.

투명도가 있나요?

아니요. JPEG에는 투명도가 없으므로 SVG에도 나타나지 않습니다.

그림이 업로드되나요?

아니요. 변환은 브라우저에서 실행되며 그림은 기기를 떠나지 않습니다.

JPG로 되돌아갈 수 있나요?

네. SVG를 JPG로가 고른 크기로 도형을 그려 줍니다.

JPG를 SVG로 변환할 때의 현명한 선택

따라 그릴까, 그대로 둘까?

단색 작품은 따라 그리십시오. 사진과 세부가 많은 것은 그대로 두십시오. 확신이 없다면 따라 그려 보고 결과를 원본 옆에 놓고 보십시오.

다른 출발점

그림이 PNG라면 PNG를 SVG로가 같은 방식으로 작동하며 투명도를 유지합니다. 아이콘 파일이라면 ICO를 SVG로가 그 안의 가장 큰 크기를 읽습니다.

출발한 것을 보관하세요

JPG를 SVG 옆에 보관하십시오. 둘은 서로 다른 것이며 각각 쓰임이 있습니다.

변환 뒤에 좋은 결과를 얻기

그리기 프로그램에서 여세요

도형과 색을 살펴보십시오. 떠돌이 점을 지우고, 하나여야 할 도형을 합치고, 울퉁불퉁하게 나온 곡선을 매끄럽게 하십시오.

여러 크기에서 확인하세요

확대하고 축소해 보십시오. 잘 따라 그린 결과는 모든 크기에서 모양을 유지합니다.

웹용으로 단순화하세요

따라 그린 SVG에는 점이 많이 들어 있을 수 있습니다. 경로를 단순화하는 도구는 눈에 띄는 변화 없이 파일을 상당히 줄일 수 있습니다.

따라 그린 SVG를 최대한 활용하기

확대·축소가 중요한 곳에 쓰세요

결과의 큰 장점은 확대·축소된다는 것입니다. 포스터, 간판, 자수 패치, 스티커에 쓰고, 더 큰 파일을 요청하지 않아도 되는 것을 누리십시오. 다시 픽셀 그림이 필요할 때는 SVG를 PNG로가 고른 크기로 도형을 그려 줍니다.

다시 그리기와 비교하세요

중요한 로고라면 따라 그리기는 끝이 아니라 출발점일 수 있습니다. 디자이너는 따라 그린 도형을 한 레이어에 놓고, 곡선을 깔끔한 점으로 다시 그려서, 다루기 즐거운 파일을 얻을 수 있습니다. 로고가 회사의 얼굴이라면 그 한 시간은 잘 쓴 시간입니다. 일상적인 필요에는 잘 따라 그린 결과면 충분합니다.

쉽게 색을 바꾸세요

모든 영역이 채우기가 있는 도형이므로 색을 바꾸는 일은 도형을 선택하고 다른 색을 고르는 일입니다. 이것이 사람들이 애초에 JPG를 SVG로 변환하는 이유인 경우가 많습니다. 색이 잘못된 로고, 또는 어두운 배경에서도 작동해야 하는 버전입니다.

상표와 남의 작품에 유의하세요

로고나 그림을 따라 그린다고 그에 대한 권리가 생기지는 않습니다. 변환은 직접 소유하거나 사용 허락을 받은 작품에 쓰십시오. 자신의 표식이라면 옛 그림을 새롭게 하는 편리한 방법입니다.

마음에 든 설정을 기억하세요

특정 종류의 작품에 맞는 색 수를 찾았다면 적어 두십시오. 다음에 비슷한 로고나 도장을 JPG에서 SVG로 변환할 때, 깔끔한 도형을 주는 것을 아는 설정에서 시작하게 됩니다.

개인정보와 처리

작품에 로컬 변환이 중요한 이유

로고, 스캔, 디자인은 공개되기 전에는 기밀일 수 있습니다. 많은 온라인 변환기는 파일을 서버에 올려 처리한 뒤 결과를 돌려보내며, 한동안 사본이 당신이 통제하지 못하는 기계에 남습니다. 여기서는 당신의 브라우저가 일을 하므로 그림이 기기에 남습니다.

떠날 때 일어나는 일

페이지를 닫으면 변환된 파일이 브라우저에서 사라지므로 먼저 내려받으십시오. 그림에 대한 어떤 것도 보관되지 않습니다.

문제가 생겼을 때

따라 그린 결과가 점으로 가득합니다

그림에 압축 노이즈가 있었습니다. 색 수를 줄이거나 먼저 편집기에서 그림을 정리하십시오.

도형이 너무 거칩니다

색 수를 늘리거나 더 큰 JPG에서 시작하십시오.

큰 그림에서 페이지가 멈춥니다

모든 것이 기기에서 실행되며 큰 그림에는 메모리가 필요합니다. 컴퓨터에서 다시 시도하거나 먼저 그림을 줄이십시오.

관련 도구

같은 계열의 도구가 이웃한 일들을 다룹니다. PNG에는 PNG를 SVG로를, 아이콘 파일에는 ICO를 SVG로를 쓰십시오. 픽셀로 돌아가려면 SVG를 JPG로, SVG를 PNG로, SVG를 ICO로가 고른 크기로 도형을 그려 줍니다. 인쇄용 벡터 페이지는 SVG를 PDF로에서, 더 가벼운 JPG는 JPG 압축에서 얻습니다.

풀이한 예시

어느 동호회가 엠블럼을 600 × 600 픽셀의 JPG로 보냈다고 해 봅시다. 흰 배경 위의 붉은 문장입니다. 너비 이 미터의 현수막에 써야 합니다. 여기에 JPG를 놓고, 세 색으로 따라 그리기를 고르고, 버튼을 누릅니다. 잠시 뒤 같은 비율의 SVG를 내려받는데, 문장이 깔끔한 도형들의 집합이 되어 있습니다. 그리기 프로그램에서 열어 뒤의 흰 사각형과 몇 개의 점을 지우고 현수막에 맞게 키웁니다. 가장자리는 선명하게 유지됩니다. JPG는 폴더에 남아 있습니다.

짧은 점검표

변환하기 전에

그림이 사진이 아니라 단색 작품인지 확인하십시오. 필요하면 대비를 올리십시오. JPG를 보관하십시오.

변환하는 동안

따라 그리기 또는 그대로 두기를 고르고 색을 설정하십시오. 파일이 준비될 때까지 페이지에 머무르십시오.

변환한 뒤에

SVG를 열고, 확대하고, JPG와 비교하고, 그리기 프로그램에서 다듬으십시오.

흔한 실수

사진을 따라 그리는 것

사진은 조각들의 포스터가 됩니다. 받은 그대로 두십시오.

원래의 곡선을 기대하는 것

따라 그리기는 추측입니다. 원본 SVG가 있다면 그것을 쓰십시오.

너무 많은 색을 쓰는 것

색이 많으면 도형이 지저분해지고 JPG의 얼룩까지 잡아냅니다. 작품에 필요한 만큼만 적게 쓰십시오.

그림은 기기에 남습니다

변환은 로컬에서 이루어집니다. 그림은 당신의 브라우저가 읽어 그 안에서 따라 그린 뒤 SVG로 돌려줍니다. 아무것도 업로드되지 않으므로 서버에 사본이 남지 않고 다른 누구도 볼 수 없습니다. 공개되지 않은 작품에는 그것이 JPG를 SVG로 변환하는 안전한 방법입니다.

요약

여기서 JPG를 SVG로 변환하려면 그림을 놓고, 그림에 일어날 일을 고르고, 버튼을 누르십시오. 그림이 도형이 되거나 받은 그대로 남는 것을 직접 고르며, 각 선택에 무엇이 드는지는 시간을 들이기 전에 이 페이지에 적혀 있습니다. 따라 그리기는 고른 색 수로 눈이 묶는 대로 도형을 유지하며, 작품의 비율과 원래 크기가 SVG에 기록됩니다. JPEG는 세부를 버려서 그림을 보관하고 뒤에 남기는 것은 모든 가장자리 주위의 희미한 얼룩이며, 따라 그리기는 이것을 그림과 구별하지 못합니다. 사진인 파일 안에는 찾아낼 그림이 없습니다. JPEG에는 투명도가 없으므로 SVG에도 나타나지 않습니다.