SVG를 PNG로 변환하는 데 필요한 모든 것
SVG(Scalable Vector Graphics) 파일은 픽셀이 아닌 수학적 경로로 구성되어 있어 어떤 크기로 확대해도 완벽하게 선명하게 유지됩니다. PNG(Portable Network Graphics) 파일은 픽셀 기반으로, 무손실 압축과 투명 배경을 지원합니다. 대부분의 디자인 도구는 SVG를 만들어내지만, 이미지를 사용해야 하는 많은 곳 — 마켓플레이스, 오래된 소프트웨어, 프레젠테이션 슬라이드, 소셜 플랫폼, 인쇄 템플릿 — 에서는 PNG만 허용합니다. 이 도구는 아무것도 설치할 필요 없이 몇 초 만에 그 간극을 메워줍니다.
변환 방식
- 페이지에 SVG 파일을 끌어다 놓거나 클릭해서 찾아보세요.
- 미리보기가 즉시 렌더링됩니다 — 플레이스홀더가 아닌 실제 SVG입니다.
- 자동으로 감지된 색상 스와치를 사용해 원하는 부분의 색상을 바꿀 수 있습니다(선택 사항).
- 배경(투명, 흰색, 또는 사용자 지정 색상)과 출력 크기를 선택하세요.
- 다운로드를 클릭하세요. 브라우저가 직접 PNG를 생성하고 저장합니다.
이곳의 색상 편집기가 다른 이유
많은 SVG-PNG 변환 도구는 이미지를 단일 실루엣으로 평면화하여 "색상을 변경"하는데, 이는 다색 로고와 아이콘을 망가뜨립니다. 이 변환기는 SVG 내부의 실제 도형, 그라데이션, 색상 정지점을 읽어 감지된 각 색상을 독립적으로 변경할 수 있게 해줍니다. 그래서 투톤 로고는 투톤 그대로, 5가지 색상의 일러스트는 5가지 색상 모두 편집 가능한 상태로 유지됩니다. 단일 단색으로 통일하고 싶다면 원클릭 옵션도 제공됩니다.
파일이 기기 밖으로 나가지 않습니다
서버로 업로드되는 것은 아무것도 없습니다. 선택한 SVG는 Canvas API를 사용해 브라우저 안에서 완전히 읽히고, 렌더링되고, 색상이 변경되고, 래스터화되며, 결과 PNG는 다운로드 폴더에 바로 저장됩니다. 즉 더 빠른 변환, 서버가 부과하는 파일 크기 제한 없음, 디자인 파일이 어디로 가는지에 대한 프라이버시 걱정 없음을 의미합니다.
알맞은 크기 선택하기
SVG는 고정된 해상도가 없기 때문에 래스터화할 때만 "크기"가 의미를 갖습니다. 아이콘과 UI 요소에는 작게 또는 중간을, 배너와 소셜 미디어 그래픽에는 크게 또는 HD를, 고밀도(레티나) 화면이나 인쇄용으로 여유가 필요할 때는 원본의 2배 또는 4배를 사용하세요. 사용자 지정 크기 필드에서는 가로세로 비율 고정 기능과 함께 정확한 너비와 높이를 픽셀 단위로 설정할 수 있어, 작업물이 실수로 늘어나는 일이 없습니다.
일반적인 사용 사례
- 로고 및 브랜드 마크 — SVG 업로드를 지원하지 않는 플랫폼을 위한 PNG 버전이 필요한 경우.
- 아이콘 — Figma, Illustrator, Inkscape에서 내보낸 후 사용 전에 특정 브랜드 팔레트에 맞춰 색상을 변경해야 하는 경우.
- 앱스토어 및 마켓플레이스 자산 — 다수가 래스터 형식을 명시적으로 요구합니다.
- 이메일 및 오래된 소프트웨어 — SVG를 일관되지 않게 표시하거나 전혀 표시하지 못하는 환경.
- 인쇄용 목업 — 고정 해상도 이미지가 필요한 경우.