728x90
반응형
![](https://blog.kakaocdn.net/dn/RBD5p/btrJrySSYmb/HCwfu15rfBwQqoNGi8mPK0/img.gif)
비트맵(bitmap)이란?
비트맵 방식은 '비트의 지도'(Map of bits)라는 뜻이다.
각 픽셀에 저장된 비트정보가 집합된 것이다.
비트맵은 벡터와 다르게 픽셀의 점 하나하나가 이미지를 이루는 요소이기 때문에 벡터보다 정교한 이미지 표현이 가능하다.
픽셀의 수가 많아질수록 뛰어나지만, 용량 또한 커지게 되고 비트맵 이미지는 크기를 확대하거나 축소하면 기본에 이루고 있던 픽셀의 수가 변해서 원본 이미지가 손상된다. 깨짐 현상과 이미지 품질 저하가 발생하게 된다.
다른표현으로 픽스맵(Pixmap)이나 레스터(Raster) 이미지로도 불린다.
대표적인 프로그램으로는 어도비 포토샵이 있다.
벡터란?
벡터 방식은 비트맵과 반대로 표현되는 그래픽의 형태들이 수학적 공식으로 이루어져 있다.
벡터 방식은 고정된 비트맵을 가지고 있는 것이 아니라 수학적 공식으로 이루어진 오브젝트들로 구성되어 있다.
수학적 공식으로 이루어진 이미지는 그떄그때 화면에 비트맵화 되어 표시되고 변화된다.
상황에 알맞게 변형되기 때문에 비트맵 처럼 이미지 품질 저하, 깨짐이 없다.
수학적 함수관계에 의해 이미지를 표현하여 만들어내는 메커니즘을 가지고 있다.
이렇게 만들어진 선이 두껫값과 색상 값, 곡률값을 갖거나 면이 색상 값을 가질 수 있다.
![](https://blog.kakaocdn.net/dn/sjEgO/btrJq4YPFhw/wgFv4gTmBW40eo5m6BFbLK/img.png)
비교 | 비트맵 | 벡터 설명 |
---|---|---|
정의 | 정사각형의 픽셀이 모여 만든 이미지 | 전과 점이 이루는 선분, 면에 수학적 연산으로 만들어짐 |
확대시 | 깨짐(계단현상): 픽셀로 되어있어서 변화에 대응하지 못함 | 깨지지않음: 수학적으로 구성되어 있어서 변화에 대응 가능 |
경계 | 픽셀색이 다 달라 뚜렷(x) | 면으로 이루어져 있어서 뚜렷(o) |
작업종류 | 사진보정, 합성, 복잡한 작업 ex)영화 포스터 | 도형으로 만드는 작업 ex) 로고, 캐릭터, 명함 등 |
장점 | 사실 표현 가능, 색감 풍부, 특수효과 사용가능 | 확대시 깨지지않아 대형 인쇄물 사용가능 |
사이즈 | 사이즈, 해상도 등으로 변화, 사이즈 커짐 | 크기 제약 없음, 용량 변하지 않음 |
프로그램 | 포토샵, 페인터 등 | 일러스트레이터, 코렐, 플래시 |
확장자 | jpg, gip, png, bmp... | ai, swf, wmf ... |
반응형
'CSS' 카테고리의 다른 글
CSS-SCSS정리 (5) | 2022.08.18 |
---|---|
CSS활용 - SCSS를 이용한 애니메이션 만들기 (8) | 2022.08.18 |
미디어쿼리(mediaquery) (6) | 2022.08.15 |
CSS 기본 문법 (4) | 2022.08.15 |
Layout (6) | 2022.07.25 |