PSD SVG 변환

SVG만 받는 도구에 쓰도록 Photoshop 디자인을 .svg 파일로 저장합니다. 변환기는 PSD를 병합한 뒤 그 이미지를 SVG로 감쌉니다. 이것으로 충분한 경우와 로고를 트레이싱해야 하는 경우를 아래에서 확인하세요.

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

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

출력

변환할 형식

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

사용 방법

1
PSD 업로드
.psd 파일을 하나 이상 선택합니다. 한 번에 최대 20개, 파일당 95 MB까지 가능합니다.
2
SVG로 변환 누르기
보이는 디자인이 캔버스 크기 그대로 병합되어 SVG 문서에 삽입됩니다. 내부 비트맵은 무손실로 저장되므로 품질 슬라이더는 없습니다.
3
결과 열기
.svg 파일을 브라우저, Figma, Inkscape에 끌어 놓습니다. PSD와 똑같이 보이며, 아주 크게 확대하면 픽셀이 보이는 것이 정상입니다.

PSD SVG 변환: 변환기가 실제로 만드는 파일

PSD는 레이어의 묶음입니다. 사진과 브러시로 만든 픽셀 레이어, 아래 픽셀을 바꾸는 조정 레이어, 문자 레이어, 고급 개체, 그리고 2000년 6.0 버전부터 Photoshop이 벡터 패스로 저장해 온 모양 레이어가 있습니다. Photoshop은 1990년 2월에 처음 출시되었고, PSD 형식에는 지금도 보이는 레이어를 합친 병합 이미지가 들어 있어 다른 프로그램이 모든 레이어 종류를 이해하지 못해도 디자인을 표시할 수 있습니다.

이 변환기는 그 병합 디자인을 사용합니다. 보이는 레이어를 캔버스 크기의 이미지 하나로 렌더링한 뒤, 그 이미지만 담은 SVG 문서를 씁니다. SVG의 너비, 높이, 투명도는 원본과 같아서 페이지나 레이아웃에 그대로 들어갑니다. 다만 편집 가능한 모양은 하나도 없습니다. 모양 레이어의 가장자리를 포함해 모든 경계가 픽셀입니다. 효과, 마스크, 혼합 모드는 SVG에 일대일로 대응하는 기능이 없으므로 렌더링된 결과가 가장 정직한 출력입니다.

PSD가 가질 수 있는 최대 너비 또는 높이: 30,000 px
PSD 용량 상한(더 큰 디자인은 PSB 사용): 2 GB
이 변환기가 받는 최대 PSD 용량: 95 MB
한 번에 올릴 수 있는 PSD 파일 수: 20

PSD

Adobe Photoshop 문서(PSD)

PSD는 1990년부터 쓰여 온 Adobe Photoshop의 기본 파일 형식입니다. 레이어, 마스크, 조정 레이어, 텍스트, 고급 개체, 채널, 색상 프로필을 저장하므로 나중에 손실 없이 디자인을 다시 편집할 수 있습니다. 파일이 매우 큰 경우가 많고, 완벽하게 재현하려면 Photoshop이 필요합니다. GIMP, Photopea, Affinity 같은 다른 편집기는 PSD를 열지만 정확도는 제각각입니다. 브라우저, 휴대폰, 대부분의 업로드 양식은 PSD를 바로 표시하지 못합니다.

압축 방식: 무손실
투명도: 예
애니메이션: 아니요
도입 연도: 1990 · Adobe

PSD 변환

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

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

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

SVG 변환

웹 빌더, 템플릿 플랫폼, 커팅기가 SVG를 요구하는데 디자인이 Photoshop 파일로만 있을 때 PSD SVG 변환을 찾습니다. 결과물은 병합된 아트워크를 담은 SVG 컨테이너입니다.

PSD의 모양 레이어, 고급 개체, 픽셀

오해.svg로 저장하면 어떤 디자인이든 확대해도 깨지지 않는다.

사실확대 품질은 패스에서 나옵니다. 비트맵을 담은 SVG는 PNG처럼 원래 픽셀 크기를 넘으면 흐려집니다.

오해Photoshop 모양으로 그린 로고는 자동으로 벡터로 변환된다.

사실이 도구는 먼저 병합하므로 모양이 픽셀로 들어갑니다. 벡터 모양은 따로 내보내거나 트레이싱해야 합니다.

오해고급 개체는 연결된 벡터 내용을 유지한다.

사실가져온 Illustrator 파일은 캔버스에 보이는 크기로 렌더링된 뒤 나머지와 함께 병합됩니다.

Photoshop 디자인에서 진짜 벡터 패스 얻기

어떤 크기에서도 선명해야 하는 로고, 아이콘, 레터링이라면 트레이싱이 필요합니다. PSD PNG 변환으로 PSD를 투명 PNG로 바꾼 다음 이미지 SVG 변환에 넣으면 가장자리를 따라 진짜 패스를 만듭니다. 트레이싱은 단색과 깔끔한 윤곽에 잘 맞고, 사진은 수천 개의 작은 도형으로 바뀝니다. 곡선을 매끄럽게 유지하는 설정은 PNG를 SVG로 변환하는 방법 글에서 다룹니다.

원본 벡터 아트가 Illustrator, Affinity Designer, Figma에 있다면 병합된 사본을 트레이싱하기 전에 그 파일부터 요청하세요.

PSD SVG 변환 자주 묻는 질문

Photoshop 모양 레이어가 편집 가능한 SVG 패스가 되나요?

이 변환기로는 아닙니다. 모양 레이어는 Photoshop 안에서는 벡터지만, PSD는 SVG로 쓰이기 전에 하나의 비트맵으로 병합되므로 모양을 포함한 모든 레이어가 픽셀로 들어갑니다. 패스를 유지하려면 벡터 편집기에서 모양을 내보내거나 결과물을 트레이싱하세요.

SVG 용량이 같은 디자인의 PNG와 비슷한 이유는 무엇인가요?

SVG의 대부분이 사실상 PNG이기 때문입니다. 비트맵이 인코딩된 텍스트로 SVG 안에 저장되어 용량이 약 3분의 1 늘어납니다. 진짜 벡터 로고라면 몇 KB에 불과합니다.

이 SVG를 Cricut이나 레이저 커터에 보낼 수 있나요?

불러오기는 되지만 자를 선이 없습니다. 커팅기는 패스 윤곽을 따라가는데 감싼 비트맵에는 윤곽이 없어서 Design Space와 레이저 소프트웨어에서는 평평한 그림으로 보입니다. 커팅 선이 필요하면 이미지 SVG 변환으로 로고를 트레이싱하세요.

Photoshop 문자 레이어의 글자는 SVG에서도 텍스트로 남나요?

아닙니다. 문자 레이어는 해당 글꼴로 렌더링된 뒤 다른 레이어처럼 병합되므로 검색, 선택, 수정이 불가능합니다. 같은 글꼴로 SVG 편집기에서 편집 가능한 텍스트를 다시 만드세요.

비트맵을 감싼 SVG는 언제 실제로 유용한가요?

일부 테마 빌더나 템플릿 플랫폼처럼 시스템이 .svg 확장자를 요구하지만 파일을 화면에 표시만 할 때입니다. 제대로 된 벡터 아트가 준비될 때까지 임시 파일로 쓰기에도 좋습니다.

PSD 캔버스가 클수록 SVG가 더 선명한가요?

네. SVG는 캔버스 크기를 유지하므로 4000 px PSD는 1000 px PSD보다 더 크게 표시해도 선명합니다. 원래 크기를 넘어서면 삽입된 이미지는 다른 비트맵처럼 흐려집니다.

Photoshop 파일을 바꾸는 다른 방법
PSD PNG 변환	PSD JPG 변환	PSD PDF 변환
PNG SVG 변환	EPS SVG 변환	이미지 SVG 변환