한 가지 형식만, 끝까지

대부분의 벡터 편집 도구는 '한 벌에 전부'의 길을 간다. 아이콘도 삽화도 조판도 내보내기도 같은 응용에 밀어 넣고 도구 막대는 갈수록 길어진다. Boxy SVG는 반대로 가서 SVG라는 한 가지 형식만 들여다본다. 스스로를 '처음 쓰는 사람, 일하는 디자이너, 개발자를 위한 SVG 편집 도구'라고 설명하는데 실제로 쓰는 사람을 잘 요약한 말이다. 첫 판은 2013년에 Mac 상점에 올랐고 이후 전체가 열린 브라우저 엔진 위에 다시 지어졌다. 그래서 웹판과 데스크톱판은 같은 것이지 보조를 맞추느라 애쓰는 두 제품이 아니다.

편집은 캔버스 위에서 끝난다

화면은 일부러 비워 두었다. 도형과 변형, 그러데이션과 채우기의 조정은 캔버스 위의 손잡이를 끄는 것으로 끝나고 거슬릴 때는 패널이 한 동작에 접힌다. 경로 도구는 이차와 삼차 곡선을 나누고 이어지는 호 도구도 갖춘다. 기계 같은 것을 그릴 때 빠지는 것이 대개 이것이다. 경로 계산은 한 벌로 있고 합치기, 교차, 빼기, 제외, 닫기, 뒤집기가 되며 배열 명령도 갖췄다. 정렬, 회전, 반전, 묶기다. 글자는 경로를 따라 놓을 수 있고 색과 그러데이션, 무늬는 다시 쓸 수 있는 정의로 넣어 두어 한 곳을 고치면 그것을 가리키는 대상이 모두 따라온다.

코드를 쓰는 사람에게 너그럽다

내보내기는 가장 많이 이야기되는 부분이고 이유가 있다. 나오는 SVG는 ID와 class, title을 지키고 잉여 표시 더미에 묻지 않는다. 그래서 앞단 프로젝트에 넣기 전에 한 번 씻어 낼 필요가 없다. 요소 패널은 SVG와 CSS 원본을 그대로 보여 주고 그 자리에서 고치게 하며 브라우저 개발자 도구에 가까운 쓰임이고 sprite 편집도 받쳐 준다. SVG와 압축판 말고도 PNG, JPG, WebP, PDF, HTML로 내보낼 수 있다.

깨끗한 내보내기가 들리는 것보다 무거운 이유

의미 있는 이름을 가진 파일은 개발자가 생각을 이어 갈 수 있는 파일이다. 스타일은 스타일 묶음으로 빼낼 수 있고 묶음은 class로 지목할 수 있으며 title은 화면 읽기 도구를 쓰는 사람을 위해 이미 놓여 있다. 반년 뒤 아이콘 색을 바꿔야 할 때 'class 하나를 고치는 일'과 '생성된 표시 속을 뒤지는 일'의 차이는 오 분과 반나절의 차이다. 한 가지 형식을 도구의 한가운데 두고 여러 내보내기 선택지 중 하나로 다루지 않을 때 얻는 것이 바로 이 실용적인 값이다.

판과 허락

웹판은 열면 그대로 쓸 수 있다. 데스크톱판은 값을 내는 허락이 필요하고 십 달러쯤으로 적혀 있으며 Windows와 macOS, Linux, ChromeOS를 덮는다. 글꼴 서고와 그림 자료 서고가 안에 있고 단축 키는 백 가지가 넘는 명령에 다시 붙일 수 있으며 손으로 긋는 안내선과 똑똑한 안내선, 격자도 갖췄다. 개발자가 Linux 소스에서 직접 관리하는 꾸러미는 또 나아가 다른 그림 문자 묶음과 내보내기의 색 범위를 고르는 항목을 더했다.

SVG에 전용 도구가 필요한 이유

SVG는 그림을 글로 그리는 형식이라 크게 키워도 거칠어지지 않고 숫자 하나를 고치면 모양이 바뀌며 브라우저는 문서의 일부로 조판한다. 그 이점은 파일이 깨끗할 때만 성립한다. 도구가 저장할 때마다 레이어 이름과 숨은 점, 제 형식의 찌꺼기를 밀어 넣으면 이점은 상쇄되고 받은 사람은 먼저 청소부터 해야 한다. 형식을 유일한 목표로 삼는다는 것은 내보낼 때마다 그대로 건넬 수 있는 상태라는 뜻이다.

어떤 사람에게 맞는가

일이 주로 아이콘과 화면 삽화, 그리고 웹 문서에 넣을 벡터 그림이라면 한 형식에 집중하고 깨끗하게 내보내며 원본을 그 자리에서 고칠 수 있는 편집기가 무엇이든 하는 한 벌보다 훨씬 가볍다. 웹판은 값이 들지 않으니 먼저 거기서 시험하고 그 뒤에 데스크톱 허락을 정하는 것이 순서에 맞다.