SVG를 PNG로 변환.
SVG 파일이나 붙여 넣은 SVG 코드를 PNG 이미지로 바꿉니다. 크기는 1배, 2배, 4배 또는 원하는 너비로, 배경은 투명하거나 단색으로 고를 수 있습니다. 각 이미지를 최종 크기에서 벡터로 다시 그리기 때문에 흐려지지 않습니다. 브라우저 안에서 동작하므로 파일이 업로드되지 않습니다.
SVG를 PNG로 변환하는 방법
- SVG 파일을 고르거나 위의 상자에 끌어다 놓으세요. 한 번에 여러 개를 추가할 수 있고, SVG 코드를 붙여 넣어도 됩니다.
- 크기를 고르세요. SVG 원래 크기의 1배, 2배, 4배 또는 픽셀 단위의 너비를 직접 입력합니다. 기본값은 2배로, 대부분의 화면에서 선명하게 보입니다.
- 배경을 고르세요. 투명 또는 단색입니다.
- 변환한 뒤 PNG를 하나씩 받거나, 모두 ZIP 파일 하나로 받으세요.
알아 둘 점:
- 어떤 크기에서도 선명합니다. 작은 비트맵을 키우는 대신 출력 크기에서 벡터를 그리기 때문에, 4배 PNG도 1배만큼 또렷합니다.
- 크기와 파일 이름. 크기는 SVG의 width와 height 또는 viewBox에서 정해집니다. 파일 이름은 그대로 두고 배율을 붙입니다.
logo.svg를 2배로 바꾸면logo@2x.png가 됩니다. - 글꼴과 링크된 이미지. 브라우저는 SVG를 이미지로 그릴 때 외부 파일을 불러오지 않습니다. 그래서 웹 글꼴로 쓴 글자는 다른 글꼴로 바뀔 수 있고, 링크된 이미지는 빠집니다. 글자 모양이 똑같아야 한다면 먼저 디자인 도구에서 글자를 윤곽선으로 바꾸세요.
SVG 대신 PNG가 필요할 때
웹사이트의 아이콘과 로고에는 SVG가 가장 좋지만, 비트맵만 받는 곳도 많습니다. 앱 아이콘, 소셜 미리보기 이미지, 이메일, 슬라이드, 일부 CMS 항목, 그리고 여러 채팅·디자인 도구가 그렇습니다. SVG를 원본으로 두고, 필요할 때마다 각 곳이 요구하는 크기로 PNG를 내보내세요.
Codex가 SVG를 만들었다면, PNG를 프로젝트에 넣고 어디에 쓸지 알려 주세요.
PNG 버전 쓰기
SVG를 지원하지 않는 곳에는 [public/brand]의 PNG 파일을 써 주세요: [소셜 미리보기 이미지, 이메일 헤더, README]. 사이트의 나머지 부분은 SVG를 그대로 쓰고, 레이아웃이 밀리지 않도록 모든 <img>에 width와 height를 지정해 주세요.
자주 묻는 질문
SVG PNG 변환기는 무료인가요?
네. 가입도, 워터마크도, 하루 사용 제한도 없습니다.
파일이 업로드되나요?
아니요. 브라우저가 여러분의 기기에서 SVG를 읽고 그린 뒤 PNG로 저장합니다. 사이트는 도구가 사용되었다는 사실만 세고, 넣은 내용은 기록하지 않습니다.
PNG의 글자가 원본과 다르게 보이는 이유는 뭔가요?
SVG가 웹 글꼴을 쓰고 있을 가능성이 큽니다. 브라우저는 SVG를 이미지로 그릴 때 외부 파일을 불러오지 않아서 대체 글꼴을 씁니다. 디자인 도구에서 글자를 윤곽선으로 바꾸거나 글꼴을 SVG에 포함한 뒤 다시 변환하세요.
배경이 투명한 PNG는 어떻게 만드나요?
배경을 기본값인 '투명'으로 두세요. SVG가 칠하지 않은 부분은 PNG에서도 투명하게 남습니다.