브라우저에서 SVG를 PNG로 무료 변환하세요. 너비와 배율, 투명 또는 단색 배경을 선택하고 로고 크기를 미리 본 다음 PNG 하나 또는 여러 크기가 담긴 ZIP을 다운로드할 수 있습니다. 업로드가 필요 없습니다.
SVG 파일을 놓거나 코드를 붙여넣고 너비 또는 배율, 투명 또는 단색 배경을 선택한 뒤 선명한 PNG를 다운로드하세요. 일반적인 웹사이트 로고 크기가 담긴 ZIP도 받을 수 있습니다. 변환은 브라우저 안에서 실행되므로 파일이 업로드되지 않습니다.
SVG 파일을 선택하거나 SVG 코드를 붙여넣으세요. 최대 2 MB 파일까지 지원합니다.
SVG의 width, height, viewBox에서 크기를 읽습니다. SVG가 깔끔하게 확대·축소되도록 하는 viewBox가 없으면 경고합니다.
그리기 전에 스크립트, 이벤트 처리기, 외부 파일 링크를 제거하므로 SVG가 코드를 실행하거나 외부 파일을 가져올 수 없습니다.
너비 또는 배율(1x~4x), 배경을 선택하세요. 출력의 가장 긴 변은 4096픽셀로 제한됩니다.
PNG를 다운로드하거나 웹사이트용 로고 크기(헤더 로고, 레티나 헤더 로고, 정사각형 아이콘, 소셜 카드)가 담긴 ZIP을 다운로드하세요.
가능하면 웹사이트에서 SVG를 사용하세요. 모든 크기에서 선명하고 일반적으로 PNG보다 작습니다. 이메일 서명, 소셜 프로필, SVG를 지원하지 않는 곳에는 PNG를 사용하세요.
고밀도 휴대폰과 노트북 화면에서도 선명하도록 로고를 실제 표시 크기의 2배로 내보내세요.
로고 텍스트의 글꼴이 잘못 표시되면 SVG가 브라우저에 설치되지 않은 글꼴을 참조하는 것입니다. 먼저 디자인 도구에서 텍스트를 윤곽선으로 변환하세요.
색상 헤더 위에 표시할 로고에는 투명 배경을 사용하세요. 일부 이메일 클라이언트처럼 투명 영역을 검은색으로 표시하는 곳에는 흰색 배경을 사용하세요.
자주 묻는 질문
이 SVG to PNG 변환기는 무료이며 비공개인가요?
예. 무료이고 가입이 필요 없으며 브라우저 내장 캔버스를 사용해 자체 브라우저에서 변환합니다. SVG는 We.Inc나 다른 곳으로 업로드되지 않습니다.
PNG에 투명 배경이 유지되나요?
투명 옵션을 선택하면 유지됩니다. SVG에서 비어 있는 부분은 PNG에서도 투명하게 표시됩니다. 흰색이나 단색 배경을 선택할 수도 있습니다.
PNG 로고 크기는 어느 정도가 적당한가요?
웹사이트 헤더용이라면 실제 표시 크기의 2배로 내보내세요. 너비가 200픽셀로 표시되는 로고라면 너비 400픽셀로 내보내야 합니다. 크기 묶음에는 200, 400, 512 정사각형 및 1200 x 630 소셜 카드 버전이 포함됩니다.
SVG가 PNG로 변환된 뒤 다르게 보이는 이유는 무엇인가요?
주된 원인은 브라우저에 설치되지 않은 글꼴, 다른 웹사이트에 연결된 이미지(안전을 위해 차단됨), 별도 파일에 저장된 CSS입니다. 텍스트를 윤곽선으로 변환하고 이미지를 SVG 안에 포함하면 해결할 수 있습니다.
파일 크기 제한이 있나요?
SVG 파일은 최대 2 MB이며 PNG 출력은 가장 긴 변이 최대 4096픽셀입니다. 휴대폰에서 메모리가 부족해지지 않도록 빠르게 변환하기 위한 제한입니다.
웹사이트에는 SVG와 PNG 중 무엇을 사용해야 하나요?
로고, 아이콘, 단순한 일러스트에는 SVG를 사용하세요. 모든 크기에서 선명하고 보통 파일도 더 작습니다. 사진이나 SVG를 허용하지 않는 곳에는 PNG 또는 WebP를 사용하세요.
SVG가 여전히 더 나은 웹사이트 형식인 경우
SVG는 픽셀이 아닌 도형을 표현하므로 로고가 휴대폰에서 40픽셀로 표시되든 큰 모니터에서 400픽셀로 표시되든 선명합니다. 단순한 로고의 SVG 파일은 수 KB에 불과해 대체할 PNG보다 작을 때가 많습니다.
SVG가 허용되지 않거나 안전하게 표시되지 않는 곳에서는 PNG가 더 나은 선택입니다. 이메일 서명, 소셜 미디어 프로필 사진, 마켓플레이스 등록 정보, 여러 양식 업로드가 여기에 해당하며 이 변환기가 도움이 됩니다.
viewBox 확인이 의미하는 것
viewBox는 그림의 좌표 공간을 브라우저에 알려줍니다. 이 값이 없으면 SVG는 원래 너비와 높이로만 표시될 수 있고 크기를 바꿀 때 확대되는 대신 잘리거나 빈 공간이 생길 수 있습니다. 도구에서 경고가 표시되면 디자인 도구에서 파일을 열고 viewBox를 유지한 상태로 다시 내보내세요.