내보낸 아이콘이 보기보다 무거운 이유

벡터 파일은 가벼운 쪽이어야 하는데, 도형 두 개를 그린 아이콘의 부피가 이상하게 크다. 이유는 내보내는 프로그램이 "자기가 아는 모든 것"을 적어 넣기 때문이다. 화면에 필요한 것만이 아니다. 레이어 이름, 편집기 부속 정보, 주석, 소수 일곱 자리까지 가진 좌표, 경로 하나만 감싸는 묶음. 어느 것도 화면에 보이지 않지만 그 전부가 파일과 함께 페이지를 찾는 사람마다에게 간다.

터미널 도구는 이것을 제대로 정리하고 빌드 흐름에는 옳은 답이다. 그러나 화요일 오후에 아이콘 세 개만 처리하려는 사람에게는 틀린 답이다. 실행 환경을 설치하고 스위치의 의미를 외우는 비용이 아이콘 자체의 값어치를 넘는다. SVGOMG는 같은 종류의 도구를 웹 페이지에 넣는다. 파일을 끌어다 놓으면 왼쪽에 하나씩 있는 스위치가 늘어서고, 오른쪽에 결과와 부피 변화가 그 자리에서 보인다.

모든 계산이 브라우저 안에서 끝나고, 그것이 요점

가장 배려 깊은 성질은 사생활의 경계다. 계산이 모두 브라우저 안에서 손안에서 이뤄지고 파일은 내 기계를 떠나지 않는다. 고객에게 넘길 결과물도 아직 공개하지 않은 초안도 아무 생각 없이 넣을 수 있다. 파일을 맡아 처리하겠다는 대부분의 도구에서는 그것이 성립하지 않는다. 이 하나의 결정이 개인 놀이가 아니라 업무에서 쓸 수 있는 이유다.

기본값은 대부분의 아이콘에 안전하고, 복잡한 그러데이션이나 필터가 깨질 때는 해당 항목을 찾아 끄면 된다. 하나씩 바꾸는 구조라 나쁜 결과에서 돌아오는 길이 늘 있다. 그것이 시험하는 것과 거는 것의 차이다. 부피 비교는 숫자로 제시되므로 개선은 기분이 아니라 값이 되고, 결과는 한 번에 복사하거나 내려받는다.

공개 무료이고 설치할 것이 없다. 페이지를 열면 그대로 쓴다. 논리를 단추 하나 뒤에 감추기 쉬운 이 갈래의 도구로서는 결정을 전부 드러내는 것이 드물고 칭찬할 만하다.

실제로 효과가 있는 사용법을 하나 더 적는다. 스위치를 하나 움직일 때마다 오른쪽 견본을 눈으로 확인한다. 숫자만 보고 나가면 어느새 보이는 모습이 달라져 있을 수 있다. 특히 선 끝의 처리나 도형이 겹치는 순서는 부피에도 영향을 주고 보이는 모습에도 영향을 준다. 익숙해질 때까지는 숫자와 그림을 번갈아 보는 것이 정답이다.

이점은 최적화가 요술이 아니라 스위치의 줄이 되는 것이다. 줄인 1킬로바이트마다 보이는 이유가 있고, 모든 선택에 되돌릴 여지가 남는다. 투명함은 도구의 가장 좋은 미덕이다.

그림을 망치지 않고 쓰려면

아이콘과 단순한 삽화는 전부 켜 둔다. 기본값이 조정된 경우가 그것이고, 눈에 보이는 차이 없이 부피만 크게 줄어드는 일이 많다. 필터, 마스크, 그러데이션이 있는 그림은 대신 하나씩 확인한다. 보기 좋은 모습을 망치는 것만 끄고 나머지는 둔다. 최적화 뒤 이상해 보이는 그림은 거의 항상 특정 추가 기능 하나의 탓이고 공정 전체의 탓이 아니다.

묶음 처리가 필요해지면 터미널 판으로 돌아가 빌드 흐름에 잇는다. 웹 쪽은 임시 용도와, 어떤 설정이 실제로 무엇을 하는지를 흐름에 적기 전에 확인하는 데 쓴다. 완성된 프로젝트의 아이콘을 넘기기 전에 한 번 통과시키는 것은 작지만 측정 가능한 보상이 있는 습관이다. 방문자는 그 결과를 매번 다시 내려받기 때문이다.

이 갈래 전체에 적용되는 주의 하나. 원본을 남긴다. 최적화한 파일은 넘기는 물건이고 원본이 아니다. 이미 최적화한 것을 또 최적화하는 것은 아무도 보지 않던 세부를 그림이 조금씩 잃는 길이다.