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 디자이너를 위한 스케치 완전 정복
'DESIGN' 카테고리의 다른 글
[Sketch] 디자인 공유 방법 (0) | 2019.06.09 |
---|---|
[디지털 드로잉] 포토샵(Photoshop) /브러쉬(Brush) 설정하기 (0) | 2019.06.01 |
포트폴리오를 만들자 (0) | 2019.05.04 |