외국 블로그들에는 간혹 나온 내용인데, 국내 블로그엔 검색해도 잘 안 나와서 여기 적습니다.

둘 다 벡터이미지로 작업된 round box 입니다.

위에 것은 pixel 에 정확하게 맞아들어가서 지저분한 아웃라인이 생기지 않는 반면, 아래 것은 픽셀 사이에 어중간하게 벡터라인이 걸친 관계로 아웃라인이 지저분해졌습니다.

▲ 벡터라인이 픽셀 사이에 어중간하게 걸친 예

▲ 벡터라인이 픽셀에 정확하게 맞아들어간 예

방법을 몰랐을 때는, 정확하게 벡터라인 맞춘다고 일일이 포인트 잡아서 커서키로 밀거나 마우스로 낑낑거려서 맞추곤 했는데. 그럴 필요 없습니다. 옵션이 있거든요.

설정에 가셔서, Grid 옵션을 위 그림처럼 맞춰주면 픽셀기준으로 그리드 설정이 됩니다.
( View > Snap to > Grid ) 로 그리드스냅도 먹어야겠죠.

이렇게 하면 zoom scale 100% 일때는 벡터라인을 어떻게 그려도 pixel 에 정확하게 맞아듭니다. 하지만, zoom scale 을 확대하기 시작하면 이마저도 해법이 아니죠.

해서, 또 하나의 옵션이 바로 이 Snap to Pixels 입니다.
벡터 이미지를 그릴 때, snap to pixels 에 체크를 해놓으면 zoom 을 어느 상태로 해놓아도 pixel 에 정확하게 맞아들어가는 vector 를 그릴 수 있습니다.

물론, 이건 포토샵에서 벡터를 그릴 때 얘기고, 일러스트에서 벡터를 그려서 가져오면 답은 안 나옵니다. 세밀하게 pixel perfect 를 추구하는 수 밖에 ㅠㅠ