Skip to content

Latest commit

 

History

History
45 lines (32 loc) · 2.38 KB

File metadata and controls

45 lines (32 loc) · 2.38 KB

3. 벡터와 비트맵

Note

이 문서에서는 벡터와 비트맵에 대해 설명합니다.

3.1. 벡터 이미지란?

  • 정의: 점과 선, 도형 등의 수학적 좌표와 수식으로 이미지를 표현하는 방식입니다.
  • 특징: 크기를 아무리 키워도 깨지지 않고 선명함을 유지합니다.
  • 주요 용도: 로고, 아이콘, 일러스트 등 크기 변환이 자주 필요한 그래픽 작업에 적합.
  • 파일 형식: SVG, AI, EPS 등이 대표적입니다.

3.2. 비트맵 이미지란?

  • 정의: 픽셀(pixel) 단위로 이미지를 표현하는 방식입니다.
  • 특징: 이미지가 픽셀 단위로 구성되어 있어 확대 시 픽셀이 깨져 흐릿해질 수 있습니다.
  • 주요 용도: 사진, 복잡한 색상과 디테일이 많은 이미지에 적합.
  • 파일 형식: JPG, PNG, GIF, BMP 등이 대표적입니다.

3.3. 벡터와 비트맵의 차이점 비교

구분 벡터 이미지 비트맵 이미지
구성 방식 수학적 수식과 좌표 픽셀 단위
크기 변경 무한 확대 가능, 품질 유지 확대 시 화질 저하 및 픽셀화 발생
용도 로고, 아이콘, 일러스트 사진, 복잡한 그래픽, 텍스처
파일 용량 비교적 작음 해상도 및 색상에 따라 용량 큼

3.4. Figma에서 벡터와 비트맵 활용법

  • 벡터 편집: Figma는 벡터 기반 툴로, 점과 선을 직접 편집하여 자유로운 도형 제작 가능.
  • 비트맵 삽입: JPG, PNG 등의 이미지를 캔버스에 삽입해 디자인에 활용.
  • 확대/축소 시 유의: 비트맵 이미지는 너무 크게 확대하지 않도록 주의.

Tip

로고나 아이콘은 벡터로 작업하고, 사진 등은 비트맵으로 사용하는 것이 효과적입니다.

Question

벡터 또는 비트맵 기반으로 편집하는 프로그램은 어떤게 있을까요?