질문사항
피그마 png 내보내기하는데 2배수,4배수해도 이미지가 깨져요!
해결방안 없을까요?
pc 홈페이지 제작 중 들어가는 이미지입니다!
최종 [가로 1240 x 세로 700]이미지가 필요하구요
1.
1240x700으로 1배수로 뽑으니까 깨
2.
744x420으로 2배수(1240x700)로 뽑아도 깨짐
3.
372x210으로 4배수(1240x700)로 뽑아도 깨짐
4.
1240x700으로 2배수(2480x1400)로 뽑으니까 멀쩡한데 최종으로 필요한 사이즈가 '1240x700' 이므로 소용없음. 이걸 가지고 '1240x700'으로 줄이니까 또 이미지 깨짐
답변
Export 과정에서 벡터는 픽셀 격자로 변환되는데, 이때 몇 개의 픽셀로 변환할지가 결정돼요.
1배수로 추출하면 출력된 픽셀 수가 화면의 픽셀 밀도와 맞지 않아 계단현상(aliasing)이 생길 수 있습니다. 그리고 벡터가 아닌 경우, 작은 원본 이미지를 배수로 확대 추출하면 부족한 픽셀을 보간해 채우면서 디테일이 손실됩니다.
또한 큰 사이즈로 추출한 이미지를 다시 1240×700으로 줄이면 리샘플링 과정에서 여러 픽셀이 평균값으로 합쳐지기 때문에 디테일이 사라지고 경계선이 흐려집니다. 이런 현상은 모니터의 PPI(픽셀 밀도)와도 밀접한 관련이 있어, 동일한 해상도 이미지라도 디스플레이 환경에 따라 선명도가 달라질 수 있습니다.
Export하려는 프레임이 순수 벡터라면, 피그마에서 원하는 해상도로 미리 프레임을 키운 뒤 1배수로 export 하면 불필요한 보간 과정을 줄여 손상을 최소화할 수 있습니다. 가능하다면 SVG로 export하는 것도 가장 확실한 방법이에요!
