이 도구에 대해
이 도구는 브라우저 안에서 SVG 벡터 파일을 원하는 해상도의 PNG 또는 JPEG 이미지로 래스터화합니다. .svg 파일을 놓으면 파일 자체의 width, height, viewBox를 읽어 적절한 시작 크기를 제안합니다 — 이후 변환 전에 원하는 출력 크기를 직접 입력할 수 있습니다.
벡터 아트워크의 래스터 버전이 필요할 때 유용합니다. SVG 업로드를 지원하지 않는 플랫폼을 위해 로고나 아이콘을 PNG로 만들거나, 하나의 마스터 벡터 파일에서 여러 고정 픽셀 크기(앱 아이콘, 파비콘, 소셜 미디어 아바타)를 생성하거나, 일반 이미지 형식을 요구하는 문서나 프레젠테이션에 선명한 그래픽을 넣을 때 사용하세요.
SVG는 픽셀 격자가 아닌 벡터 아트워크이므로 선택한 출력 크기로 확대·축소해도 선명함이 유지됩니다 — JPEG나 PNG 사진을 원본 해상도 이상으로 늘렸을 때 생기는 흐림이나 픽셀 깨짐이 없습니다. 원본 SVG의 투명도를 유지하려면 PNG를, 완전히 불투명한 단색 이미지가 필요하면 배경색을 지정한 JPEG를 선택하세요. 모든 처리는 Canvas API를 통해 로컬에서 이루어지며, SVG 파일이 어디로도 업로드되지 않습니다.
자주 묻는 질문
큰 크기에서 래스터화된 PNG가 픽셀화되어 보이는 이유는 무엇인가요?
변환 자체가 올바르게 작동한다면 이런 일은 발생하지 않아야 합니다 — SVG는 벡터 데이터이므로 래스터 이미지를 확대하는 것과 달리 픽셀화 없이 어떤 출력 픽셀 크기로든 깔끔하게 크기가 조정됩니다. PNG가 픽셀화되어 보인다면 설정한 출력 너비/높이가 실제로 의도한 것인지 다시 확인하세요(의도한 것보다 훨씬 작은 목표 크기는 "올바르게" 보이지만 작으며, 최종 사용 사례에서 훨씬 큰 크기로 표시하면 흐릿하거나 픽셀화되어 보입니다 — 이는 변환 시점이 아니라 표시 시점의 크기 조정 문제입니다). 선명한 결과를 얻으려면 실제로 의도한 최종 픽셀 크기로 다시 내보내세요.
사용자 지정 크기를 설정하기 전에 SVG가 예상보다 작거나 크게 표시되는 이유는 무엇인가요?
표시되는 기본 크기는 SVG 파일 자체에 선언된 `width`/`height` 속성이 있으면 거기서, 없으면 `viewBox` 크기에서, 파일에 둘 다 없으면 일반적인 512×512 대체값에서 옵니다 — 많은 SVG(특히 디자인 도구에서 내보낸 것)는 명시적인 픽셀 크기 없이 `viewBox`만 선언하므로, 보이는 "자연스러운" 크기가 항상 의미 있는 것은 아닙니다. 실제로 필요한 값으로 너비/높이 필드를 그냥 설정하세요. SVG는 벡터 데이터이므로 감지된 기본값과 다른 크기를 선택해도 품질 손실이 없습니다.