[본캠프3일차/피그마] 체계적으로 배우는 피그마 기초 완전 정복 2주차(2/1)

1.이미지 백터, 레스터 방식

1.레스터 방식

-레스터=bitmap 방식=포토샵

-확장자: jpg, bmp, gif, png

 

2.백터 방식<수식>

-확장자: svg

-그림을 "수식"으로 표현한 방식

-이미지보다 "코드파일" 에 더 가까움

 

 1-1)레스터 방식 특징

• 해상도가 높을 수록 (픽셀의 개수가 많을수록) 화질이 좋음
  
  
• 해상도가 낮은 이미지를 ->크게 키운다고 화질이 좋아지지 않음.
  단순히 더 낮은 해상도들이 쪼개진 픽셀들을 채울뿐임.
  픽셀의 크기, 개수가 많아질뿐.
  이미채워진 색상들이 알아서 채워지지 않음.
  그것을 "확대" 한다고 해서 없었던 색상이 "생겨나지 않음"
  
  
• "확대와 축소를 반복" 하면 색상정보가 사라짐
  > 강제로 축소와 확대를 하는 과정에서 색상정보가 사라지는 현상을 "깨진다", "열화" 된다 표현
  
  
• #일반적으로 JPG일때가 가장 가볍고, PNG일때 가장 무거움.

2-1) 백터 방식

고해상도 사용시 많은 색을 표현하는 경우 "수식이 매우 복잡해짐"

>컴퓨터가 모두 계산하기 때문에 "파일크기가 매우 커짐.

 

#피그마-> 백터 방식

3. 학습하며 겪었던 문제점 & 에러

• - 문제&에러에 대한 정의
  근데 왜 깨질까?
• - 새롭게 알게 된 점
  - 모니터 자체가 픽셀 기반이기  때문
  -원래부터 "레스터 방식"으로 만들어진 이미지를 가져온경우>백터툴에서 작업한다고 백터이미지가 되진 않음.
  -해상도가 충분히 큰데 왜깨질까?> 이미지를 너무 확대한 경우에 그럴 수 있음.
  -이미 "열화" 된 이미지를 사용> - 해결 방법 최대한 '원본'이미지를 사용할 것.
• - 이 문제&에러를 다시 만나게 되었다면?
  공부한 내용을 바탕으로 그 원인을 되짚어 볼 것이다.

 

4. 내일 학습 할 것은 무엇인지

내일은 피그마 3강과 UXUI입문 2강을 수강 및 과제를 할 계획이다.