피그마에서 1920x1080px 프레임을 2x, 4x로 PNG 파일로 내보내기(Export)할 때, 선택한 배수만큼 커지지 않고 화질이 깨져 보이는 현상이 발생합니다. 해결 방법이 있을까요?
답변
피그마에서 프레임을 2x, 4x 등으로 내보내기(Export)할 때 화질이 깨지거나 예상한 크기로 나오지 않는 경우, 다음 사항들을 확인해볼 수 있습니다.
내보내기 대상 확인: 내보내기 시 프레임 자체가 아닌, 프레임 내의 특정 요소만 선택되어 있는지 확인하세요. 프레임 전체를 선택하고 내보내야 프레임의 모든 내용이 올바르게 스케일링됩니다.
프레임 내 요소의 벡터/비트맵 여부: 프레임 내에 비트맵 이미지(PNG, JPG 등)가 포함되어 있다면, 해당 이미지는 확대될수록 화질이 깨질 수 있습니다. 벡터 기반의 요소(도형, 텍스트, 벡터 아이콘 등)는 배율에 관계없이 선명하게 유지됩니다. 비트맵 이미지를 고해상도로 내보내려면 원본 이미지 자체가 충분히 고해상도여야 합니다.
Figma의 내보내기 제한: 매우 긴 세로 길이를 가진 프레임(예: 상세 페이지)을 내보낼 경우, Figma 내부적인 이미지 크기 제한으로 인해 원하는 배율로 정확히 내보내지지 않거나 화질이 저하될 수 있습니다. 이 경우, 프레임을 여러 부분으로 나누어 내보내거나, 'Slice' 도구를 사용하여 특정 영역만 내보내는 방법을 고려해볼 수 있습니다.
Clip content 확인: 프레임의 'Clip content' 옵션이 활성화되어 있는지 확인하세요. 이 옵션이 꺼져 있으면 프레임 밖으로 나간 요소들도 함께 내보내질 수 있어 예상치 못한 결과가 나올 수 있습니다.