이미지 표현 방식 (비트맵 / 벡터)

⭐️ 코딩으로 이미지를 표현하는 방법 ⭐️

---

01. 비트맵 방식

비트의 지도(Map of bits)라는 뜻으로, 픽셀 (Pixel) 이라고 불리는 ' 점 ' 에 저장된 비트 정보가 집합된 것을 말합니다.
픽스맵(Pixmap) 또는 래스터(Rastwer) 이미지라고도 불리며, 픽셀을 사용하는 비트맵 이미지 형식(format)으로는 BMP, GIF, JPEG, PNG 가 있습니다.

   ___ 참고하기 ___
  1)   픽셀 (Pixel) 은 그림과 원소 (Picture + Element)의 합성어로, 화면을 구성하는 가장 기본이 되는 단위를 말합니다.
      해당 색의 적녹청과 투명도 등의 정보가 점 하나에 담겨져 있으며, 이는 그림의 용량과 직결되기에 그래픽에서 이미지의 크기를 나타내는 도량형으로 쓰이기도 합니다.
      픽셀은 화소라고도 하며 픽셀들의 배열방식과 숫자 비율이 디스플레이의 해상도를 결정합니다. ex) 1920 x 1080 = 디스플레이가 가진 픽셀의 총 개수

[1] 비트맵 방식의 특징

점 하나 하나가 이미지를 이루는 요소이기 때문에 벡터 방식보다 정교한 이미지 표현이 가능합니다.
픽셀의 수가 많아질수록 화질이 뛰어나지만 용량이 커지게 됩니다.
이미지 크기를 조절하면 기존의 픽셀 수가 변하면서 원본 이미지에 손상이 가게 되는데, 이는 이미지 품질 저하가 일어난 것이며 '이미지가 깨졌다'고 표현합니다.

# 비트맵 이미지 형식의 종류

종류	설명
BMP	디지털 그림을 저장하는데 쓰이는 포맷 입니다.
GIF	단순한 이미지를 나타내며 애니메이션 구현이 가능합니다.
JPG	어도비 포토샵에서 사용하며 보다 화려한 효과를 표현할 수 있는 특징을 가집니다.
PNG	투명도 처리를 할 수 있는 특징이 있으나 가지는 용량이 큽니다.
WebP	JPG 의 화려한 효과와 PNG 의 투명도 처리를 모두 할 수 있는 장점을 합친 포맷 입니다.

02. 벡터 방식

수학적 함수관계에 따라 점과 점을 연결하여 선과 면을 만들어내는 이미지 표현 방식으로, 만들어진 선이 두께와 색상, 곡률 등의 값을 가질 수 있습니다.
점, 선, 면의 기본적 벡터 그래픽 요소들이 모여 다양하고 복잡한 벡터 그래픽을 만들게 됩니다.

[1] 벡터 방식의 특징

벡터 값은 좌표계 (x, y) 로 구성되어 고정된 비트맵을 가지지 않고, 수학 공식으로 이루어진 오브젝트들이 때마다 디스플레이에 비트맵화 되어 화면에 표시됩니다.
이미지 크기 조절을 해도 해상도가 변하지 않고 깨짐 현상이 없습니다.
크기 조절이 자유로워야 하는 로고나 여러 포인트로 조정되어야 하는 서체, 다양한 크기로 응용되는 캐릭터 등을 제작할 때 사용합니다.
비트맵 방식보다 용량이 현저히 적기 때문에 파일 관리가 편리합니다.
대표적인 프로그램으로, 어도비 일러스트레이터에서 벡터 방식을 사용합니다.

# 비트맵 이미지 형식의 종류

SVG 는 2차원 벡터 그래픽을 표현합니다.