투명한 배경을 남긴 PNG로 SVG 변환하기
로고, 아이콘, 간단한 그림은 SVG인 경우가 많습니다. 앱, 슬라이드, 메일은 PNG를 원합니다. 이 페이지는 브라우저 안에서 SVG를 그리고, 투명이 있는 PNG를 저장합니다. 올리는 것은 없습니다.
- 빠름
- 100% 비공개
- 항상 무료
- 어떤 브라우저든
이 페이지 어디에든 이미지를 놓을 수 있습니다
SVG 파일. 투명한 부분은 PNG에서도 투명합니다. 파일은 이 기기에 남습니다.
PNG의 너비입니다. 작은 로고는 긴 변 1024픽셀이 기본입니다. SVG 자체 크기가 있으면 그것을 쓰도록 빈칸으로 둡니다.
이럴 때 씁니다
배경이 비치는 픽셀 그림이 필요할 때 PNG를 씁니다. 슬라이드의 로고, 앱 아이콘, CMS가 SVG로 받지 않는 그림입니다.
받을 때는 PNG로 둡니다. JPG는 투명한 부분을 흰색으로 채웁니다. 받는 쪽이 지원하면 WebP도 투명을 남길 수 있습니다.
결과는 고른 픽셀 크기의 정지 그림입니다. 벡터를 그대로 내보내는 것이 아닙니다. 큰 PNG가 필요하면 최대 너비를 올리고, 파비콘이면 내립니다.
JSON을 정리하거나, 토큰을 공개 사이트에 붙이지 않고 내용을 보는 일도 필요하면 ToolBuddy을 씁니다. 그 도구도 브라우저 안에서 끝납니다.
하는 방법
- SVG를 놓습니다. 여러 개를 한꺼번에 놓아도 됩니다. 파일은 이 기기에 남습니다.
- 받을 때는 PNG로 둡니다. 품질은 관계없습니다. PNG는 무손실입니다.
- 최대 너비는 1024 안팎으로 두거나, 실제로 필요한 크기로 합니다.
- PNG를 받습니다. SVG의 투명한 부분은 투명한 그대로입니다.
팁
- 파일 안의 24×24 아이콘은 그대로 두면 아주 작은 PNG가 됩니다. 이 페이지는 기본으로 긴 변을 1024픽셀로 합니다.
- SVG 로고 뒤에 흰 사각형이 이미 그려져 있으면 PNG에도 남습니다. 그 칠은 그림 안에 있습니다.
- SVG 안의 연결된 사진, 웹 글꼴, 바깥 CSS는 불러오지 못하는 경우가 많습니다. 윤곽으로 된 도형은 깨끗하게 변환됩니다.
- 원본 SVG를 쓸 수 있는 웹사이트에는 큰 PNG를 올리지 마세요.
관련
질문
PNG가 투명한 배경을 유지하나요?
SVG의 그 부분이 투명이면 남습니다. PNG는 투명 채널을 남깁니다. JPG로 하면 그 부분은 흰색이 됩니다.
로고가 너비 1024픽셀이 되는 이유는 무엇인가요?
많은 SVG에는 쓸 만한 픽셀 크기가 없습니다. 24×24 viewBox가 흔합니다. 작은 파일은 긴 변 1024px로 그림이 되므로 PNG로 쓸 수 있습니다. 다른 크기로 하려면 최대 너비를 바꿉니다.
SVG를 여러 개 한꺼번에 변환할 수 있나요?
할 수 있습니다. 그다음 PNG를 묶은 zip을 받습니다.
SVG 파일이 업로드되나요?
되지 않습니다. 그리기는 이 브라우저 탭 안에서 됩니다. 파일을 받지 않습니다.