- SVG 파일을 끌어다 놓거나 클릭해 선택합니다. 또는 아래 칸에 SVG 코드를 붙여넣어도 됩니다.
- 원하는 크기를 정합니다 — 간단히 배율(×1·×2·×4)을 고르거나, 너비(px)를 직접 입력하면 비율을 유지해 변환합니다.
- 배경을 투명 또는 흰색 중에서 고른 뒤 미리보기로 결과를 확인합니다.
- PNG 다운로드를 눌러 이미지를 저장합니다.
SVG는 도형의 좌표·색을 수식으로 적어 둔 벡터 이미지라 아무리 키워도 깨지지 않지만, 모든 곳에서 바로 쓸 수 있는 건 아닙니다. PNG는 픽셀로 그려진 비트맵이라 호환성이 넓은 대신 키우면 흐려집니다.
- SVG가 유리한 곳: 로고·아이콘처럼 크기가 자주 바뀌는 그래픽, 웹사이트 인라인 삽입.
- PNG가 필요한 곳: 카카오톡·문서·SNS 업로드, 발표 자료 삽입처럼 SVG를 못 읽는 환경. 이럴 때 SVG를 PNG로 변환합니다.
- 변환 시점이 화질을 결정: PNG는 변환할 때 정한 크기로 고정되므로, 필요한 최종 크기를 미리 정해 한 번에 뽑는 것이 좋습니다.
여러 형식의 차이가 궁금하다면 JPG·PNG·WebP 선택 가이드를 참고하세요.
- 고해상도가 필요하면 배율을 올리세요: 인쇄·발표 자료용은 ×2~×4로 변환하면 또렷한 PNG가 됩니다. SVG는 벡터라 키워도 변환 시점엔 깨지지 않습니다.
- 로고·아이콘은 투명 배경: 다른 화면이나 색 배경 위에 얹을 이미지는 투명 배경으로 만들면 자연스럽게 어울립니다.
- 코드 붙여넣기로 빠르게: 디자인 툴에서 SVG 코드를 복사했다면 파일로 저장하지 않고 바로 붙여넣어 변환할 수 있습니다.
올바른 SVG 파일(.svg)이거나 svg 태그로 시작하는 코드여야 합니다. 외부 폰트·이미지를 link로 불러오는 SVG는 보안상 캔버스에 그릴 수 없어 변환이 안 될 수 있습니다. 이때는 폰트를 도형(path)으로 변환하거나 외부 참조 없는 SVG를 사용하세요. 또 width·height나 viewBox가 모두 없으면 크기를 알 수 없어 기본 512px로 그립니다.
SVG는 벡터라 변환 시점에 정한 크기에 맞춰 선명하게 PNG로 그려집니다. 배율을 ×2·×4로 올리거나 너비(px)를 크게 지정하면 그만큼 고해상도 PNG가 만들어집니다. 다만 PNG로 변환한 뒤에는 일반 비트맵 이미지가 되므로, 이미 만든 PNG를 다시 키우면 깨집니다. 필요한 최종 크기를 정해 한 번에 변환하세요.
배경 옵션에서 '투명'을 고르면 SVG에 채워진 부분만 남고 나머지는 투명한 PNG가 만들어집니다. 로고·아이콘처럼 다른 배경 위에 얹을 이미지에 적합합니다. 인쇄나 흰 바탕이 필요하면 '흰색'을 고르세요. PNG는 투명도를 지원하므로 투명 배경이 그대로 저장됩니다.
이 도구는 SVG에서 PNG로 가는 한 방향만 지원합니다. PNG 같은 비트맵을 SVG로 되돌리는 일은 '벡터화(트레이싱)'라고 하는데, 단순 변환이 아니라 그림을 다시 도형으로 그려내는 과정이라 결과가 원본과 달라지기 쉽습니다. 로고가 원래 SVG였다면 그 원본 파일을 다시 구해 변환하는 것이 가장 깔끔합니다.
네. SVG 로고를 16·32·180·512px처럼 필요한 크기로 각각 변환하면 파비콘이나 앱 아이콘 세트를 만들 수 있습니다. 너비(px)를 직접 입력하면 정확한 크기로 뽑을 수 있고, 작은 아이콘은 투명 배경으로 두면 어떤 화면에도 잘 어울립니다. 여러 규격을 한 번에 만들려면 파비콘 생성 도구를 함께 쓰면 편합니다.