편집점이 보이는 SVG 로고 파일과 투명한 배경 위 같은 로고가 담긴 PNG 파일

SVG를 PNG로 변환

쓰려는 곳에 SVG 로고나 아이콘이 들어가지 않나요? 미리캔버스에 SVG 파일을 올리고 PNG로 다운로드하면 변환이 끝납니다. 배경 없는 로고는 투명한 PNG로 받을 수 있고, 따로 설치할 것도 없습니다.

SVG 파일을 이곳에 끌어다 놓으세요

정적인 이미지 파일 1개를 선택할 수 있습니다.

파일 변환은 무료입니다. 가로·세로 각각 32~8000px까지 선택할 수 있습니다.

SVG를 PNG로 변환하는 방법

에디터 캔버스에 놓인 로고와 파일 형식 PNG, 크기 1배가 선택된 다운로드 창

1. SVG 파일 올리기

SVG 파일 하나를 업로드 칸에 끌어다 놓거나, [SVG 파일 선택]을 눌러 고르세요. SVG 코드나 링크로는 변환할 수 없으니, 기기에 파일로 저장한 뒤 올려 주세요.

2. PNG 크기 확인하기

파일을 올리면 미리보기와 함께 원본 크기가 픽셀로 나옵니다. 에디터 캔버스가 이 크기로 열리고, 다운로드할 때 1배를 고르면 PNG도 같은 크기가 됩니다.

3. 로그인한 뒤 [PNG 다운로드] 누르기

[PNG 다운로드]를 누르기 전에 로그인부터 해 두세요. 버튼을 누르면 에디터가 열리고, 올린 이미지가 캔버스에 들어가 있습니다. 에디터가 열린 뒤에 로그인하면 이미지가 넘어오지 않아 처음부터 다시 올려야 합니다.

4. [투명한 배경] 확인하고 받기

에디터가 열리면 다운로드 창이 함께 뜨고, 파일 형식은 PNG로 미리 선택돼 있습니다. [투명한 배경]에 체크돼 있는지 보고 [고해상도 다운로드]를 누르세요. 먼저 편집하려면 창을 닫고 작업한 뒤 오른쪽 위 [다운로드]로 창을 다시 여세요. 이때는 다른 형식이 선택돼 있을 수 있으니 파일 형식에서 PNG를 고르고 [투명한 배경]도 확인하세요.

이미지 업로드 칸에서 SVG 로고 파일은 막히고 같은 로고의 PNG 파일은 받아지는 예시

SVG 대신 PNG가 필요할 때

로고 원본이 SVG라서 쇼핑몰이나 블로그에 올릴 수 없을 때가 있습니다. 문서나 발표 자료를 만드는 프로그램 중에는 SVG를 넣을 수 없는 것도 있습니다.

SVG를 열 프로그램이 없는 사람에게 로고를 보낼 때도 PNG가 편합니다. 다만 원본 SVG 파일은 지우지 말고 보관해 두세요. 다른 크기의 PNG가 필요할 때 다시 변환하면 됩니다.

투명한 캔버스 위 로고와 파일 형식 PNG에 [투명한 배경]이 체크된 다운로드 창

로고를 배경이 투명한 PNG로

배경이 없는 SVG 로고라면 캔버스 배경에 색을 넣지 말고, [투명한 배경]에 체크한 채 다운로드하세요. 그러면 로고 말고는 모두 투명해져서 사진이나 어두운 바탕 위에 올려도 흰 네모가 보이지 않습니다.

SVG 로고 파일이 에디터 캔버스에 놓이고 크기 1배 PNG로 받아지는 흐름

PNG 크기는 SVG 파일을 따릅니다

SVG 파일의 width와 height 값이 PNG 크기가 됩니다. 이 값이 없거나 mm처럼 px가 아닌 단위로 적혀 있으면 viewBox 값으로 정해집니다. 아이콘처럼 작은 SVG가 올라가지 않으면, viewBox가 있는 파일은 텍스트 편집기로 width와 height에 더 큰 px 값을 적어 다시 올려 보세요.

다운로드 창의 크기 목록에서 0.5배부터 3배 중 3배를 고른 모습

크고 선명한 PNG가 필요하다면

다운로드할 때 크기를 2배나 3배로 고르면 더 큰 PNG가 되지만, 윤곽이 흐려질 수 있습니다. viewBox가 있는 SVG라면 텍스트 편집기로 파일을 열고, 가로세로 비율을 지키면서 width와 height에 더 큰 px 값을 적은 뒤 올리세요. 그러면 1배로 받아도 그 크기의 PNG가 나옵니다. 다만 값을 크게 적어 PNG가 23MB를 넘으면 에디터에서 열리기 전에 자동으로 압축되어 화질이 조금 낮아질 수 있습니다.

다른 이미지 변환 도구

자주 묻는 질문 (FAQ)

SVG와 PNG는 어떤 차이가 있나요?

SVG는 크기를 아무리 키워도 선이 깨지지 않아서 로고나 아이콘에 많이 씁니다. PNG는 원래 크기보다 크게 늘리면 흐려지지만, 거의 모든 이미지 프로그램에서 열립니다. 투명한 배경은 둘 다 지원합니다.

웹사이트에 올릴 이미지는 SVG와 PNG 중 어느 쪽이 좋나요?

로고나 아이콘처럼 단순한 그림은 SVG가 좋습니다. 파일 하나면 휴대폰에서도 큰 모니터에서도 깔끔하게 보입니다. 색과 질감이 복잡한 일러스트는 PNG로 올리는 편이 낫습니다.

Windows나 Mac에서 SVG를 PNG로 바꾸려면 어떻게 하나요?

Windows든 Mac이든 브라우저에서 같은 방법으로 변환할 수 있습니다. 로그인한 상태에서 SVG 파일을 올리고 [PNG 다운로드]를 누른 뒤, 에디터의 다운로드 창에서 받으면 됩니다. SVG를 열 수 있는 디자인 프로그램이 있다면 내보내기 기능으로 PNG를 저장해도 됩니다.