PNG SVG 변환기

이 구분은 래스터에서 벡터로 바꾸는 일에서 가장 알아 둘 만한 내용인데, 저희가 살펴본 어떤 변환 도구도 설명하지 않습니다.

누군가 로고를 만들 때 시작점은 도형입니다. 원, 삼각형, 조절점이 있는 글자. PNG로 내보내면 그것들이 전부 버려지고 색이 칠해진 사각형 격자만 남습니다. 따라 그리기는 그것을 되돌리지 못합니다. 따라 그리기가 하는 일은 그 색 사각형들의 가장자리를 돌면서 그 위에 경로를 놓는 것 — 우연히 예전 것과 닮은 새 도형을 만드는 일입니다.

대개는 그것으로 충분하고, 평면 그래픽이라면 원본에 아주 가깝습니다. 하지만 이 점이 이 페이지의 나머지 전부를 설명합니다. 결과가 깨끗하게 커지는 이유 — 이제 진짜 경로이기 때문입니다. 그 경로들이 원래 도형이 아닌 이유, 그래서 경로가 백 개인 SVG가 고치기 즐겁지 않은 이유. 그리고 사진이 어긋나는 이유 — 사진에는 따라갈 깨끗한 색 경계가 없어서 따라 그리기가 수천 개를 지어내기 때문입니다.

많은 분이 뜻밖으로 여기는 결과도 이것으로 설명됩니다. 따라 그린다고 파일이 저절로 작아지지는 않습니다. 경로는 점이 몇 개인지에 비례해 용량을 씁니다. 로고는 단순한 경로 네 개가 되어 줄어듭니다. 글자가 들어간 화면 캡처는 안티에일리어싱된 글자 가장자리 하나하나를 감싸는 경로 백 개가 되어 늘어납니다. 저희 측정에서 4 KB짜리 캡처가 보기에는 똑같은 19 KB SVG가 되었습니다.

그래서 이 도구는 무엇이든 내려받기 전에 결과와 두 파일 크기를 함께 보여 드립니다. 숫자는 거기 있습니다. 4 KB → 19 KB. 그 맞바꿈이 남는 장사인지는 그 파일을 어디에 쓰실지에 달렸고, 그 판단은 이용자의 몫이지 저희가 감출 일이 아닙니다.