벡터 & SVG

로고, 아이콘, 다이어그램, 컷팅 파일처럼 어떤 크기에서도 선명함을 유지해야 하는 이미지에는 벡터가 정답입니다. 벡터는 픽셀 격자가 아니라 도형과 패스의 집합이므로, 파비콘 크기에서 대형 광고판 크기까지 손실 없이 확대할 수 있습니다. 문제는 벡터를 제대로 편집하려면 진짜 벡터 편집기가 필요하다는 점이고, 보통은 유료 데스크톱 프로그램을 설치해야 한다는 뜻입니다.

이 클러스터의 가이드는 EditItAll 벡터 편집기를 사용합니다. 브라우저 탭에서 실행되는 무료 일러스트레이터 스타일 편집기입니다. 완전한 베지어 핸들을 지원하는 펜 도구, 도형 및 문자 도구, 정확한 연산 기반 지오메트리 엔진에서 계산되는 Pathfinder 방식의 불리언 연산(Unite, Minus Front, Intersect, Exclude), 레이어, 스마트 가이드를 갖추고 있어 디자이너가 기대하는 워크플로와 단축키를 브라우저를 벗어나지 않고도 그대로 누릴 수 있습니다. 문서는 사용자 자신의 브라우저 저장소에 자동 저장되며 서버에 닿는 일이 없습니다.

파일 형식 측면에서는 SVG를 열고 저장할 수 있습니다. SVG는 최신 브라우저와 디자인 도구라면 어디서든 읽을 수 있는 개방형 웹 네이티브 벡터 형식이며, 비트맵 이미지가 필요한 경우를 위해 PNG로 내보내기도 지원합니다. Adobe의 독점 형식인 .ai는 읽을 수 없으므로, 정직한 해법은 .ai 파일을 만든 프로그램에서 SVG로 내보낸 뒤 그 SVG를 여는 것입니다. 아이콘을 정리하든, 간단한 로고를 만들든, 아트워크를 선명한 PNG로 바꾸든, 가이드가 각 작업을 단계별로 안내합니다.