일러스트 이미지 저장시 이미지가 1px씩 크게 나오거나 흰색 선이 나오는 경우 해결방법(픽셀 밀림 현상)

이 문제는 굉장히 오래된 문제라고 생각이 드는데, 1px 차이라서 크게 신경쓰지 않고 넘어가시는 분들이 많으실거라고 생각합니다. 문제는, 제 경우에는 이미지 배너 작업을 하거나 웹배너 작업을 하는 경우가 많은데, 보통 대지 사이즈와 이미지 사이즈를 딱 맞춰서 작업합니다.

예를 들어, 대지가 500px이라면 이미지도 500px로 맞춰서 저장합니다. 썸네일 같은 경우에도 이와 같이 제작을 하는데요. 문제는 딱 맞춰서 제작을 했는데, 이미지가 1px씩 크게 나오거나 왼쪽 혹은 왼쪽과 상단에 1px 정도의 흰색 실선이 함께 나온다는 것입니다.

저장시 아무런 문제가 없는데 1px씩 픽셀이 밀려서 나오는 경우

이러한 현상의 원인은 대지 좌표에 있습니다. 저장할 때 대지의 좌표값으로 이미지를 저장하게 되는데, 이미지 사이즈와 상관없이 대지의 좌표값에 이미지가 표시되기 때문에 대지의 좌표값이 소수점이거나 정수가 아니라면 1px이 밀려서 저장되는 것입니다. 이를 확인하기 위해서 내비게이터를 확인해서 대지를 이동시켜주거나 대지를 재정돈하면 문제가 해결됩니다.

따라서, 이 현상은 픽셀이 밀리는 현상이며 대지 위치를 정수값으로 변경해주면 문제가 해결됩니다. 개별 이미지의 경우, 대지 재정돈이 안되기 때문에 대지 옵션에서 대지 좌표 값을 수정해줄 수 있습니다.

일러스트 작업 시, 간과하기 쉬운 부분이지만 해결방법이 제대로 나와있는 글이 별로 없기 때문에 좋은 정보가 되었으면 좋겠습니다.