SVG를 PNG로
SVG 벡터 파일을 고품질 PNG 이미지로 변환하며 투명도도 유지됩니다. 출력 크기를 선택해 웹사이트, 앱, 인쇄용 선명한 이미지를 얻으세요.
여기에 SVG 파일을 놓으세요
또는 클릭하여 파일 선택
SVG를 필요한 크기에 정확히 맞춰 투명도를 유지한 PNG로 변환합니다. 출력 너비나 높이를 지정하면 그 해상도로 렌더링되므로, 앱 아이콘이나 SNS용 이미지처럼 래스터 파일이 필요한 곳에 알맞습니다.
PNG는 그래픽에 투명도가 있거나 가장자리가 날카로울 때 알맞은 대상입니다. 로고, 아이콘, 도표, 텍스트가 그렇습니다. 작은 비트맵을 확대하는 것이 아니라 브라우저가 정한 크기로 SVG를 렌더링하므로 어떤 크기에서도 결과가 선명하게 유지됩니다.
SVG를 PNG로 변환하는 방법
.svg 파일을 고릅니다
출력 크기를 지정합니다
PNG를 다운로드합니다
자주 묻는 질문
투명도가 유지되나요?
네. PNG는 알파 채널을 지원하므로 SVG의 투명한 영역은 흰색이 되지 않고 투명하게 남습니다.
어떤 크기로 내보내야 하나요?
표시할 가장 큰 크기로 내보내거나, 고해상도 화면을 위해 그 두 배로 내보내세요. 512x512면 앱 아이콘을 감당하고, 1920px은 가로로 넓은 배너의 기준으로 좋습니다.
제 SVG가 이상하게 보이는 이유는 무엇인가요?
일부 SVG는 단독 렌더링에서는 불러올 수 없는 외부 글꼴이나 이미지를 참조하고, 필터나 혼합 모드가 다르게 그려질 수 있습니다. 원본 파일에서 글꼴을 외곽선으로 포함하면 대부분 해결됩니다.
여러 파일을 한 번에 변환할 수 있나요?
이 변환기는 한 번에 파일 하나를 처리합니다. 여러 개라면 반복하거나, 한 번 변환한 뒤 사본의 크기를 조절하세요.
웹에서는 SVG와 PNG 중 무엇이 나은가요?
아이콘과 로고에는 SVG를 그대로 쓰세요. 용량이 더 작고 확대해도 완벽합니다. 플랫폼이 SVG를 받지 않거나 고정된 래스터 크기가 필요할 때만 PNG로 변환하세요.
제 파일이 업로드되나요?
아니요. 렌더링은 브라우저 안에서 이루어집니다.
한눈에 보기
| 입력 | SVG |
|---|---|
| 여러 파일 | 아니요 |
| 실행 위치 | 브라우저에서 실행 - 파일은 업로드되지 않습니다 |
| 오프라인에서도 작동 | 예 — 페이지를 불러온 후 |
| 가격 | 무료, 가입 필요 없음, 워터마크 없음 |
어떤 출력 형식을 고를까
SVG에서 시작해 비트맵이 필요하다면 답은 거의 항상 PNG입니다. 투명도를 유지하고 가장자리와 글자 주변에 압축 자국이 생기지 않으며, 표시 크기의 2배나 3배로 렌더링하면 선명하게 유지됩니다. JPG는 가능한 한 파일을 작게 만들어야 하고 지킬 투명도나 미세한 디테일이 없을 때만 고르십시오. JPG는 투명도를 전혀 표현하지 못하며 투명한 영역이 흰색이나 검은색이 된다는 점을 기억하십시오. 이미지를 웹사이트에 올리면서 투명도와 더 작은 파일을 모두 원한다면 WebP를 고르십시오. 무엇을 고르든 필요하다고 생각하는 것보다 높은 해상도로 내보내십시오. 큰 깨끗한 이미지를 줄이는 것이 작은 이미지를 늘리는 것보다 언제나 더 좋아 보입니다.
SVG 출력을 위한 실무 참고 사항
SVG는 텍스트이므로 내보낼 때 고른 해상도에 따라 확대됩니다. 표시하려는 크기의 2배나 3배로 렌더링하면 고밀도 화면에서도 선명하게 유지됩니다. 텍스트이기 때문에 압축과 캐시에도 유리하고 CSS로 꾸미거나 애니메이션을 넣을 수 있습니다. 주의할 점이 두 가지 있습니다. SVG 안의 텍스트는 폰트를 쓸 수 있는지에 의존하므로, 텍스트를 외곽선으로 바꾸면 어디서나 똑같이 보이는 대신 선택하거나 검색할 수 없게 됩니다. 또한 SVG는 스크립트와 외부 참조를 담을 수 있어 업로드 양식과 메일 클라이언트가 자주 거부합니다.