SVG → PNG 변환 · 크기 지정 · 여러 개 한 번에
SVG 아이콘·로고·도형을 원하는 픽셀 크기의 PNG(투명 유지), JPG, WebP로 바꿉니다. 가로 크기나 배율로 선명하게 키울 수 있고, 여러 파일은 ZIP 하나로 받습니다. SVG 코드를 붙여 넣어도 됩니다.
🔒 파일이 서버로 업로드되지 않습니다만든 PNG를 더 줄이려면 이미지 용량 줄이기, 사이트 아이콘으로 쓰려면 파비콘 만들기(SVG를 바로 넣어도 됩니다), PNG·JPG·WebP 사이 변환은 이미지 형식 변환입니다.
SVG를 왜 PNG로 바꾸나
SVG는 크기를 아무리 키워도 깨지지 않는 벡터 형식이지만, 파워포인트·워드 옛 버전, 카카오톡·인스타그램 업로드, 일부 쇼핑몰 관리자, 이메일은 SVG를 받지 않거나 깨뜨립니다. 그럴 때 필요한 크기로 한 번 PNG로 떠 두면 어디서나 씁니다. 배율을 2×·3×로 하면 고해상도 화면(레티나)에서도 선명하고, 투명 배경은 PNG·WebP에서 그대로 유지됩니다. 변환은 브라우저가 SVG를 그리는 엔진을 그대로 쓰므로, 화면에서 보이는 모습 그대로 나옵니다.
크기가 없는 SVG · 글꼴 · 외부 그림
width/height가 없는 SVG는 viewBox의 비율을 읽어 가로 픽셀에 맞춰 그립니다. viewBox도 없으면 300×150으로 보고 그리므로, 그때는 가로·세로 픽셀을 직접 정하세요.
글꼴 — SVG 안의 글자는 이 컴퓨터에 있는 글꼴로 그려집니다. 디자이너 컴퓨터와 글꼴이 다르면 모양이 달라질 수 있으니, 글자는 미리 윤곽선(outline)으로 바꿔 둔 SVG가 안전합니다.
외부 그림·스타일 — 다른 파일을 가리키는 <image href="http://…">나 외부 CSS는 보안상 그리지 않습니다. SVG 안에 data URI로 담긴 그림은 됩니다.
자주 묻는 질문
파일이 서버로 올라가나요?
아니요. SVG를 읽어 그리고 PNG로 저장하는 일이 전부 브라우저 안에서 이뤄집니다. 인터넷을 끊어도 동작합니다. 공개 전 로고나 사내 도식을 넣어도 어디에도 남지 않습니다.
가장자리가 흐릿하거나 깨져 보여요
작게 뜨면 가는 선이 1픽셀 안에서 흐려집니다. 쓸 크기의 2배로 떠서 그 자리에서 줄여 넣으면 선명합니다. 배율 모드의 2×·3×가 그 용도입니다.
투명 배경이 검게 또는 흰색으로 나와요
JPG는 투명을 지원하지 않아 흰색이 됩니다. 투명이 필요하면 PNG나 WebP를 고르세요. 어두운 배경 위에 올릴 그림을 미리 보려면 "배경"을 색 지정으로 두고 확인해 보세요.
SVG 안의 글자가 다른 글꼴로 나와요
SVG는 글꼴 파일을 담지 않고 이름만 적어 두기 때문에, 이 컴퓨터에 그 글꼴이 없으면 대체 글꼴로 그려집니다. 그림 프로그램에서 "글자를 윤곽선으로 변환"한 뒤 내보내면 어디서나 같습니다.
최대 크기는 얼마인가요?
한 변 8192픽셀까지입니다. 브라우저가 한 번에 그릴 수 있는 캔버스 한계 때문입니다. 인쇄용 큰 그림이 필요하면 SVG를 그대로 쓰는 것이 낫습니다.
SVG를 PNG로 바꾸면 용량이 커지나요?
보통 커집니다. SVG는 도형의 수식만 담지만 PNG는 픽셀을 전부 담기 때문입니다. 웹에서 쓸 거면 가능한 한 SVG를 그대로 쓰고, 꼭 PNG가 필요한 곳에만 바꾸세요. 만든 PNG는 이미지 용량 줄이기로 더 줄일 수 있습니다.