SVG JPG 변환

Q: 배경을 흰색 대신 브랜드 색으로 할 수 있습니까?

네. **고급 설정**에서 **투명 영역**을 **직접 지정**으로 바꾸고 #0B3D91 같은 16진수 값을 입력하십시오. 글자 안쪽의 빈틈을 포함해 모든 투명 픽셀이 그 색으로 채워집니다.

SVG를 1200 px SNS 이미지부터 2480 px A4 인쇄용까지 필요한 너비 그대로 JPG로 그립니다. 투명한 영역은 흰색이나 직접 고른 색으로 채워집니다.

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

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

출력

변환할 형식

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

사용 방법

1
SVG 업로드
Illustrator, Inkscape, Figma나 웹사이트에서 내보낸 .svg 파일을 추가하십시오. 한 번에 최대 20개, 파일당 95 MB까지입니다.
2
너비와 배경 설정
출력 이미지 크기 조절의 너비는 2000 px에서 시작하며, 높이는 그림의 비율을 따릅니다. 투명 영역은 흰색이며, 검은색이나 직접 지정한 색을 고를 수도 있습니다.
3
변환 후 다운로드
JPG로 변환을 누르고 파일이나 ZIP을 저장하십시오. 업로드한 파일은 모두 30분 뒤 삭제됩니다.

SVG는 무언가가 그리기 전까지 크기가 없습니다. JPG로 변환한다는 것은 픽셀 크기를 정하고, 투명한 영역을 무엇으로 채울지 정하고, 결과가 확대 가능한 그림이 아니라 고정된 이미지라는 점을 받아들이는 것입니다.

SVG JPG 변환: 원하는 크기로 래스터화하기

SVG는 2001년에 W3C 권고안이 되었습니다. 도형, 경로, 텍스트를 명령으로 기술하므로 로고가 어떤 배율에서도 선명하게 유지됩니다. 하지만 이미지를 올리는 곳 대부분은 사진을 기준으로 만들어졌습니다. Facebook, Instagram, LinkedIn은 SVG 업로드를 받지 않고, 많은 슬라이드·문서 템플릿이 SVG를 거부하며, 인쇄 포털은 JPG나 PDF를 요구합니다. 이런 시스템에는 픽셀이 필요합니다.

이 변환기는 출력 이미지 크기 조절에서 지정한 너비로 벡터를 그리고, 높이는 그림의 viewBox 비율에 맞춥니다. 작은 비트맵을 늘리는 것이 아니라 그 너비로 도형을 새로 그리므로, 4000 px로 내보내도 400 px만큼 선명합니다. 대상이 표시하는 크기나 300 DPI 기준 인쇄 크기를 고르고, 잘라 내는 플랫폼을 위해 여백을 남기십시오. 투명하게 남아야 하는 그림이라면 SVG PNG 변환이 더 알맞습니다.

40:21

1200 × 630 px

링크 미리보기(Open Graph)

Facebook 권장 공유 이미지 크기

16:9

1280 × 720 px

YouTube 썸네일

16:9, 너비 640 px 이상

1:1

1080 × 1080 px

Instagram 정사각형 게시물

더 크게 올리면 이 너비로 축소됩니다

620:877

2480 × 3508 px

300 DPI A4 페이지

인쇄소에 보내는 포스터와 전단지

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

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

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

SVG 변환

JPG

JPEG 이미지

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

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

JPG 변환

SVG를 JPG로 변환하는 것은 SNS 게시물, 썸네일, 슬라이드 템플릿, 인쇄 포털처럼 사진은 받지만 벡터 파일은 받지 않아 단색 배경의 평면 이미지가 필요한 곳 때문입니다. JPG를 다시 SVG로 벡터화하는 것은 전혀 다른 작업입니다.

흰 배경으로 SVG JPG 변환하기

JPG는 투명할 수 없습니다

SVG의 투명 픽셀은 JPG에서 모두 단색이 됩니다. 기본값은 흰색으로, 문서와 대부분의 SNS 게시물에 어울립니다. 어두운 슬라이드나 색이 있는 배너에서는 로고가 흰 상자 안에 갇히지 않도록 투명 영역에서 검은색이나 직접 지정을 고르십시오.

변환 전 확인할 글꼴, 링크된 이미지, 색상

SVG 안의 세 가지가 JPG를 바꿀 수 있습니다. 글꼴을 이름으로 참조하는 텍스트는 그 글꼴이 있어야 하므로 먼저 윤곽선으로 바꾸십시오. 다른 웹 주소에서 링크한 이미지는 변환 중에 불러오지 못할 수 있으니 SVG에 포함하거나 교체하십시오. 그리고 SVG가 있던 웹 페이지의 CSS는 파일과 함께 옮겨지지 않으므로, 사이트에서 파랗게 보이던 아이콘이 단독으로는 검게 렌더링될 수 있습니다.

색상은 SVG의 기본 색 공간인 sRGB로 저장되므로 화면과 SNS 앱에서 디자인한 색 그대로 보입니다. 인쇄 작업이라면 고급 설정의 DPI 값이 픽셀은 바꾸지 않고 파일에 300 DPI를 기록하며, 일부 인쇄 포털이 이를 확인합니다. 대상이 최신 형식을 받는 웹사이트라면 SVG WebP 변환이 같은 너비에서 JPG보다 훨씬 작은 파일을 만듭니다.

SVG JPG 변환 자주 묻는 질문

일부 변환기에서 SVG 배경이 검게 나오는 이유는 무엇입니까?

투명 픽셀에도 색상 값이 들어 있으며 보통 검은색입니다. 알파 채널을 채우지 않고 버리는 변환기에서는 그 검은색이 드러납니다. 여기서는 투명한 영역을 투명 영역에서 지정한 색, 기본값으로 흰색으로 채웁니다.

A4 인쇄에는 SVG를 몇 픽셀로 변환해야 합니까?

300 DPI 기준으로 A4 한 장은 2480 × 3508 px, US Letter는 2550 × 3300 px입니다. 너비 지정을 2480이나 2550으로 설정하면 높이는 그림을 따릅니다. 벡터를 그 크기로 그리므로 가장자리가 선명하게 유지됩니다.

배경을 흰색 대신 브랜드 색으로 할 수 있습니까?

네. 고급 설정에서 투명 영역을 직접 지정으로 바꾸고 #0B3D91 같은 16진수 값을 입력하십시오. 글자 안쪽의 빈틈을 포함해 모든 투명 픽셀이 그 색으로 채워집니다.

JPG에서 가는 선이 약간 흐릿해 보이는 이유는 무엇입니까?

JPG 압축은 8 × 8 픽셀 블록 단위로 작동해 뚜렷한 가장자리 옆에 희미한 물결무늬를 남기며, 선 위주의 그림에서 가장 잘 보입니다. 품질을 95로 올리거나, 더 큰 너비로 변환하거나, 그림이 대부분 선과 단색이라면 PNG를 쓰십시오.

SVG에 사용자 지정 글꼴을 썼습니다. 변환 전에 무엇을 해야 합니까?

먼저 텍스트를 윤곽선으로 변환하십시오. Inkscape에서는 객체를 패스로, Illustrator에서는 윤곽선 만들기, Figma에서는 Outline stroke 후 Flatten을 쓰면 됩니다. 글꼴 이름만 지정한 SVG는 그 글꼴이 설치되어 있어야 하고, 대체 글꼴이 쓰이면 모양이 달라집니다.