SVG에는 픽셀이 없으므로, 변환이 아니라 렌더링입니다

이 사이트의 다른 모든 변환기는 이미 존재하는 픽셀을 옮깁니다. 하지만 이 도구는 완전히 다르게 동작하며, 그 차이점이 바로 이 페이지를 읽을 가치가 있게 만듭니다. SVG는 실제 이미지를 담고 있지 않습니다. 대신, "여기에 원을 그려라", "이 경로를 저 그라디언트로 채워라", "이 좌표에 텍스트를 넣어라"와 같은 지침을 담고 있습니다. 이를 PNG로 바꾼다는 것은, 여러분이 지정한 크기로 그 지침을 실행하는 것입니다. 원본 픽셀 그리드가 없으니, 아무것도 늘어나거나 추측되지 않습니다.

왜 굳이 PNG가 필요한가요?

SVG 포맷은 훌륭하지만, 실제로 받아주는 곳이 거의 없습니다. 이메일 클라이언트는 SVG를 표시하지 않고, 오피스 프로그램은 삽입할 때마다 문제를 일으킵니다. 소셜 네트워크와 대부분의 업로드 폼은 아예 거부하며, 디자인 분야를 제외한 소프트웨어들은 SVG를 텍스트 파일로 취급합니다. PNG는 모두가 받아들이는 버전입니다.

크게 만들어도 부담이 없습니다

사진을 확대하면 존재하지 않던 픽셀이 새로 만들어지기 때문에, 2배로 키우면 흐릿해지고 10배로 키우면 뭉개집니다. 하지만 벡터를 렌더링할 때는 이런 한계가 없습니다. 24픽셀 아이콘을 1024픽셀로 렌더링해도, 단순히 24픽셀 이미지를 늘린 것이 아니라, 같은 도안을 1024 크기로 새로 그린 것입니다. 모든 곡선과 모서리가 그 크기에 맞게 계산됩니다. 실제로 테스트해 본 결과, 24x24 아이콘을 1024x1024로 렌더링했을 때 색상은 소스와 완전히 동일했고, 가장자리도 계단 현상 없이 부드럽게 안티앨리어싱 처리되었습니다.

이 점에서 실질적인 조언이 나옵니다. 실제로 사용할 최대 크기로 렌더링하세요. PNG는 한 번 만들어지면 고정된 픽셀 그리드이기 때문에, 나중에 더 크게 키우면 품질이 떨어집니다. 크게 만드는 데 드는 비용은 몇 밀리초뿐입니다.

크기는 직접 정하거나, 파일이 정하거나

너비를 입력하면 그림이 그 비율을 유지한 채 맞춰집니다. 예를 들어 2:1 로고에 400x400을 요청하면, 400x200의 선명한 결과가 나오고, 찌그러진 정사각형이 되지 않습니다. 256, 512, 1024, 2048의 원클릭 프리셋과, SVG 파일에 선언된 크기로 렌더링하는 "원본" 옵션이 있습니다. 200x100이 선언된 파일에서 원본을 선택하면 정확히 200x100으로 반환됩니다. 한 변 최대 16,384픽셀, 전체 64메가픽셀까지 지원하므로, 8000x8000 렌더링도 가능합니다.

투명도, 부분 투명도까지 완벽하게

PNG는 진짜 알파 채널을 지원하므로, 배경이 투명한 로고는 그대로 투명하게 반환되어 슬라이드나 제품 페이지에 흰색 박스 없이 바로 사용할 수 있습니다. 좋은 렌더러와 부실한 렌더러의 차이는 부분 투명도에서 드러납니다. 부드러운 그림자, 흐릿한 가장자리, 반투명 처리된 모든 요소가 여기에 해당합니다. 50% 불투명도로 지정된 도형은 결과물에서 알파 값이 정확히 128(절반)로 측정되었습니다. 모든 렌더 결과는 진짜 RGBA 이미지입니다. 투명도를 없애고 싶다면, 배경 설정을 단색으로 바꾸고 원하는 색상을 색상 선택기에서 고르세요.

텍스트와 그라디언트, 주로 깨지는 두 가지

서버에서 SVG를 렌더링할 때 주로 두 가지 문제가 발생합니다. 폰트가 없어서 텍스트가 사라지거나 잘못된 글꼴로 표시되고, 한 번 정의된 그라디언트를 id로 참조할 때 제대로 적용되지 않아 도형이 단색이나 검은색으로 나옵니다. 저희는 두 가지 모두 확인했습니다. 텍스트는 깔끔한 안티앨리어싱 글리프로 렌더링되었고, url()로 참조된 선형 그라디언트도 색상 간의 자연스러운 그라데이션으로 표현되었습니다. 서버에 없는 폰트를 요청하는 경우 대체 글꼴이 사용되며, 결과에 그 사실이 표시되어 나중에 직접 확인할 필요가 없습니다.

남이 만든 SVG도 안전하게 업로드

SVG에는 자바스크립트가 포함될 수 있고, 인터넷상의 다른 리소스를 참조할 수도 있습니다. 그래서 이메일 서비스들이 SVG를 차단하는 것이고, 낯선 사람이 보낸 파일을 조심해야 하는 진짜 이유이기도 합니다. 이곳에서는 전용 벡터 엔진을 사용해 렌더링하므로, 브라우저처럼 스크립트를 실행하거나 외부 리소스를 불러오지 않습니다. 파일 안의 어떤 것도 실행되거나 외부와 통신하거나 정보를 읽을 수 없습니다. 반환되는 것은 그림의 진짜 정적인 상태이며, 그래서 애니메이션이 있다면 첫 프레임만 렌더링됩니다.

빠르고, 결과가 항상 동일합니다

SVG 렌더러의 대표적인 테스트 파일인 Ghostscript 타이거(94.5KB의 복잡한 베지어 경로)는 512픽셀 PNG로 53밀리초 만에 렌더링되었습니다. 같은 파일을 두 번 렌더링해도 결과가 바이트 단위까지 완전히 동일하게 나와, 언제든 정확히 재현할 수 있습니다. 압축된 .svgz 파일도 바로 읽을 수 있고, 파일 확장자가 없어도 내부 바이트로 포맷을 자동 인식해 렌더링합니다.

여러 아이콘을 한 번에

여러 파일을 같은 설정으로 렌더링하면, 원래 파일 이름을 유지한 채 하나의 ZIP 파일로 반환됩니다. icon.svg라는 이름의 서로 다른 세 파일을 올리면, icon.png, icon_1.png, icon_2.png로 각각 반환되어 파일이 사라지지 않습니다. 손상되었거나 SVG가 아닌 파일은 건너뛰고, 결과에 이름만 표시되어 나머지 파일에는 영향을 주지 않습니다.

얻을 수 있는 것

• 작은 이미지를 확대한 것이 아닌, 원하는 크기로 새로 렌더링된 PNG
• 비율이 고정되어 찌그러지거나 늘어난 결과가 없음
• 반투명 도형과 부드러운 그림자까지 포함한 완전한 알파 채널, 또는 원하는 배경색
• 텍스트와 그라디언트가 누락되지 않고 렌더링, 폰트 대체 시 안내 제공
• 스크립트 실행이나 외부 참조 없음 — 모르는 SVG도 안전하게 업로드 가능
• 계정 필요 없음, 워터마크 없음, 파일은 1시간 후 서버에서 삭제

다음 단계는?

4000픽셀로 렌더링하면 파일 크기가 커지므로, PNG 압축이 페이지에 올리기 전 일반적인 다음 단계입니다. PNG를 WebP로 변환하면 웹용으로 더 최적화할 수 있습니다. 벡터 파일도 함께 보관한다면, SVG 압축으로 불필요한 편집 데이터를 먼저 제거하세요.