SVG PNG 변환

Q: DPI를 설정하면 PNG가 더 선명해집니까?

아닙니다. 고급 설정의 **DPI 값**은 프린터와 일부 편집 프로그램이 실제 출력 크기를 정할 때 읽는 숫자를 파일에 기록할 뿐입니다. 선명도는 너비로 지정하는 픽셀 크기에서 나옵니다. 인쇄소에서 특정 크기에 300 dpi를 요구하면 두 값을 모두 바꾸십시오.

SVG는 정해진 해상도가 없는 그리기 명령의 묶음입니다. SVG를 PNG로 변환하면 그 명령이 픽셀 격자 위에 그려지므로, 결과물의 너비를 몇 픽셀로 할지가 유일하게 중요한 결정입니다.

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

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

출력

변환할 형식

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

사용 방법

1
SVG 파일 업로드
.svg로 저장한 로고, 아이콘, 일러스트를 업로드 상자에 끌어다 놓으십시오. 한 번에 최대 20개, 파일당 95 MB까지 올릴 수 있습니다.
2
출력 너비 지정
출력 이미지 크기 조절은 너비 1024 px로 설정되어 있습니다. 다른 크기를 입력하거나 높이 지정 또는 긴 변 지정으로 바꾸십시오. 그림의 가로세로 비율은 항상 유지됩니다.
3
PNG로 변환
PNG로 변환을 누르고 이미지를 하나씩 내려받거나 전체를 ZIP으로 저장하십시오. SVG의 투명한 부분은 그대로 투명하게 남습니다.

답변

SVG를 원하는 크기의 PNG로 변환하려면 어떻게 합니까?

SVG를 업로드하고 필요한 너비를 픽셀로 입력한 뒤(기본값 1024 px) PNG로 변환을 누르십시오. 높이는 그림의 비율에 맞춰 정해지고 배경은 투명하게 유지됩니다.

SVG를 필요한 크기의 PNG로 변환

2001년부터 W3C 표준인 SVG는 좌표로 도형을 설명합니다. 여기에 원을 그리고 이 색으로 채우라는 식입니다. 그래서 SVG 로고는 명함에서도 옥외 광고판에서도 선명합니다. PNG는 그렇게 늘어나지 않습니다. 너비가 512 px로 정해지고 나면 확대할 때 없는 픽셀을 지어내야 하므로 가장자리가 흐려집니다. 따라서 크기는 벡터 정보가 남아 있는 변환 시점에 정해야 합니다.

많은 SVG 파일은 코드에 작은 너비와 높이를 선언해 두며, 아이콘은 24 px나 48 px인 경우도 있습니다. 그 크기로 렌더링하면 썸네일만 한 PNG가 나옵니다. 이 페이지는 출력 너비를 1024 px로 설정하고 그림을 그 너비에 맞게 확대해 이 함정을 피하며, 높이는 그림의 비율에 따라 계산합니다. 숫자는 20,000 px까지 원하는 값으로 바꿀 수 있습니다. 크기마다 벡터 도형에서 새로 그리므로 크게 만들어도 화질이 떨어지지 않습니다.

인쇄용 SVG PNG 변환: 인치, DPI, 픽셀

in	Pixels at
in	72 DPI	150 DPI	300 DPI
1	72	150	300
2	144	300	600
3.5	252	525	1050
8.5	612	1275	2550
11	792	1650	3300

SVG를 래스터화하기 전 확인할 네 가지

글꼴을 윤곽선으로
내 컴퓨터에는 있지만 변환기에는 없는 글꼴을 쓰는 텍스트는 다른 글꼴로 바뀝니다. 먼저 글자를 패스로 변환하십시오.
연결된 이미지 포함
SVG는 경로로 별도의 사진 파일을 가리킬 수 있습니다. 그 파일이 SVG 안에 들어 있지 않으면 PNG에서는 그 자리가 빈 공간으로 나옵니다.
캔버스 확인
SVG 캔버스에서 작품 주변의 빈 공간은 PNG에서 투명한 여백이 됩니다. 내보내기 전에 아트보드를 작품 크기에 맞추십시오.
용도별로 너비 선택
모든 용도에 한 가지 크기를 쓰지 말고 용도마다 PNG를 따로 내보내십시오. 예를 들어 프로필 사진은 512 px, 슬라이드는 2048 px입니다.

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

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

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

SVG 변환

PNG

PNG 이미지(Portable Network Graphics)

PNG는 1996년 PNG Development Group이 발표하고 이후 W3C와 ISO가 표준화한 무손실 래스터 형식입니다. 모든 픽셀을 그대로 보존하고, 완전한 알파 투명도를 지원하며, 글자, 날카로운 가장자리, 단색 영역을 아티팩트 없이 표현합니다. 이런 정확성 덕분에 스크린샷, 로고, 아이콘, 인터페이스 그래픽에 이상적입니다. 대신 용량이 문제여서, 사진을 PNG로 저장하면 같은 사진의 JPEG나 WebP보다 몇 배 커지는 경우가 많습니다. 모든 브라우저, 운영 체제, 편집기에서 PNG 파일을 열 수 있습니다.

압축 방식: 무손실
투명도: 예
애니메이션: 아니요
도입 연도: 1996 · PNG Development Group

PNG 변환

SVG를 PNG로 변환하면 해상도에 구애받지 않는 벡터 그림이 SNS 업로드, 이메일, 오피스 문서처럼 SVG를 받지 않는 곳에 맞는 고정 크기 비트맵이 됩니다. 반대 방향은 픽셀에서 확장성을 되찾으려는 시도입니다.

SVG PNG 변환 자주 묻는 질문

SVG를 어떤 해상도로 변환해야 합니까?

PNG가 표시될 가장 큰 크기에 2를 곱하십시오. 고밀도 휴대폰·노트북 화면을 고려한 값입니다. 웹사이트에서 너비 300 px로 보이는 로고는 약 600 px로, 앱 아이콘은 보통 1024 px로 내보냅니다. 인쇄용 작품은 인치에 300을 곱하므로 3인치는 900 px가 됩니다.

PNG에서도 SVG의 투명 배경이 유지됩니까?

유지됩니다. 채우기가 없는 SVG 영역은 완전히 투명하게 나오고, 반투명한 도형은 불투명도를 그대로 유지합니다. 단색 배경이 필요하다면 SVG JPG 변환으로 JPG로 바꾸고 채우기 색을 고르십시오.

PNG의 글자가 SVG와 다르게 보이는 이유는 무엇입니까?

SVG의 텍스트는 렌더링되는 환경에 설치된 글꼴로 그려집니다. SVG가 지정한 글꼴이 파일에 포함되어 있지 않으면 대체 글꼴이 대신 쓰입니다. 내보내기 전에 텍스트를 윤곽선으로 바꾸십시오. Illustrator에서는 문자 → 윤곽선 만들기, Inkscape에서는 패스 → 객체를 패스로를 사용합니다.

DPI를 설정하면 PNG가 더 선명해집니까?

아닙니다. 고급 설정의 DPI 값은 프린터와 일부 편집 프로그램이 실제 출력 크기를 정할 때 읽는 숫자를 파일에 기록할 뿐입니다. 선명도는 너비로 지정하는 픽셀 크기에서 나옵니다. 인쇄소에서 특정 크기에 300 dpi를 요구하면 두 값을 모두 바꾸십시오.

애초에 SVG를 PNG로 변환하는 이유는 무엇입니까?

이미지를 받는 많은 곳이 SVG는 받지 않습니다. SNS 프로필·게시물 업로드, 대부분의 이메일 프로그램, 여러 온라인 마켓, 구버전 Microsoft Office가 그렇습니다. 알맞은 크기의 PNG는 이런 곳 어디에서나 표시됩니다.

나중에 PNG를 다시 SVG로 바꿀 수 있습니까?

트레이싱으로만 가능합니다. 트레이싱은 픽셀을 바탕으로 도형을 다시 그리는 방식이며 단순한 로고에서 가장 잘 됩니다. 원본 SVG는 보관해 두십시오. 원본을 잃어버렸다면 PNG SVG 변환 가이드에서 트레이싱의 원리와 기대할 수 있는 결과를 확인하십시오.

SVG PNG 변환

이미지 변환

사용 방법

SVG 파일 업로드

출력 너비 지정

PNG로 변환