[Sketch] Export 설정

Export 상세 설정

Size

Scale Factor 로 정의하기

스크린 Resolution이 160ppi 대비 몇 배 증가한 것인지 2x, 3x,... 로 정의하는 방법

Scale Factor	Android Screen Resolution	iPhone Screen Resolution
1x	mdpi	Non-Reetina
1.5x	hdpi	-
2x	xhdpi	Retina (iPhone 4 이상)
3x	xxhdpi	-
4x	xxxdpi	iPhone 6+ 이상

 

폭 또는 높이로 정의하기

Export할 폭이나 높이를 직접 입력하는 방법

포이나 높이 중 하나만 입력하면 나머지 값은 현재 이미지와 동일한 비율로 적용

폭은 수치 끝에 w를, 높이로 정의할 때는 h를 붙임 (예: 150w)

 

Format

PNG : 고화질 이미지에 사용하며 투명도를 지원

JPG : 저장할 때 화질을 조정할 수 있고 투명도 미지원

TIFF :  PNG와 유사하나 용량이 큼

WEBP : 웹에 최적하된 파일 포맷으로 투명도를 지원하고 용량은 PNG 보다 세 배 작음

SVG : 이미지가 코드 형태로 생성되어 웹에서 가장 많이 쓰임

PDF : 문서에서 쓰이는 벡터 포맷

EPS : 인쇄 디자인용 벡터 포맷

 

 

 

 

 

 

출처 : UX/UI 디자이너를 위한 스케치 완전 정복