[Figma] 이미지 Export 설정 항목 설명

 

 

 

 

피그마 Export 창

 

 

 

 

 

🔧 왼쪽 설정창 (세부 Export 옵션)

 

Ignore overlapping layers

겹치는 레이어 무시

• 체크 시: 겹쳐진 레이어 중 가려진 부분은 렌더링에서 제외됨
• 용도: 불필요한 픽셀 연산을 줄이고 최적화된 출력 이미지 생성

 

Include bounding box

바운딩 박스 포함

• 체크 시: 레이어의 바운딩 박스를 기준으로 Export
• 예: 실제 요소보다 드롭 섀도우 등으로 영역이 넓어진 경우, 그 영역까지 포함

 

Color profile: sRGB (standard)

• 이미지에 색상 프로파일 포함 여부
• sRGB는 웹표준 색상 공간으로, 일반적인 PNG나 JPG에 적합
• 인쇄용은 CMYK, 웹/모바일은 sRGB 권장

 

Image resampling: Detailed

• 이미지 크기 변경 시 품질 보정 방식
• Detailed: 고해상도에서 더 나은 결과를 얻기 위한 고품질 보간 방식 사용
• 옵션에 따라 Simple, Detailed, Smooth 등이 있음

 

Suffix: None

• Export 되는 파일명에 붙는 접미사
• 예: @2x, _web, _dark 등을 설정 가능

 

 

 

 

 

---

 

 

 

 

 

 

🧾 오른쪽 Export 패널

2x / PNG / Export 메인

• 2x: 2배 크기로 출력 (고해상도 디스플레이 대응)
• PNG: 투명 배경이 가능한 이미지 형식
• Export 메인: 현재 선택된 프레임(이름이 '메인')을 Export하겠다는 의미

 

 

 

 

---

 

 

 

 

 

 

필요에 따라 설정값을 바꾸면 다음과 같은 목적에 맞게 Export 가능

웹/앱 썸네일	PNG, 1x 또는 2x, sRGB, Include bounding box O
투명 배경 아이콘	PNG, Ignore overlapping O, Include bounding box X
최고 화질 포스터	PNG or JPG, 2x 이상, Image resampling = Detailed