래스터 그래픽. 래스터 그래픽, 일반 정보 - 강의 래스터 이미지의 개념

그래픽 프로그램에 대해 논의하려면 먼저 두 가지 주요 2D 그래픽 유형인 래스터 이미지와 벡터 이미지 간의 개념과 차이점을 이해해야 합니다. 이것은 특히 그래픽 작업을 하려는 경우 매우 중요한 교훈입니다.

래스터 이미지의 개념

래스터 이미지는개별 색상의 작은 직사각형 점(픽셀)으로 구성된 이미지입니다. 각 픽셀은 그림에서 고유한 특별한 위치와 고유한 개별 색상 값을 갖습니다.

각 이미지에는 고정된 수의 픽셀이 있습니다. 모니터 화면에서 볼 수 있으며, 대부분은 인치당 약 70~100픽셀을 표시합니다(실제 수치는 모니터와 화면 자체 설정에 따라 다름).

이를 설명하기 위해 일반적으로 가로 32픽셀, 세로 32픽셀의 일반적인 데스크탑 아이콘인 내 컴퓨터를 살펴보겠습니다. 즉, 각 방향으로 32개의 색상 포인트가 결합되어 이러한 아이콘의 이미지를 형성합니다.

이 그림을 예시처럼 확대해 보면 특정 색상의 사각형 하나하나를 선명하게 볼 수 있습니다. 배경의 흰색 영역도 하나의 단색을 나타내기는 하지만 개별 픽셀입니다.

이미지 크기 및 해상도

래스터 이미지는 해상도에 따라 다릅니다. 이미지 해상도는 단위 길이당 이미지의 픽셀 수입니다. 이는 래스터 이미지의 세부 묘사 선명도를 측정하는 것으로 일반적으로 dpi(인치당 도트) 또는 ppi(인치당 픽셀)라고 합니다. 이 용어는 다소 동의어입니다. ppi만 이미지를 나타내고 dpi는 출력 장치를 나타냅니다. 모니터, 디지털 카메라 등의 설명에서 dpi를 찾을 수 있는 이유입니다.

해상도가 높을수록 픽셀 크기는 작아지고 1인치당 픽셀 수는 많아지므로 화질이 좋아집니다.

해상도는 각 이미지에 대해 개별적으로 선택되며 사용하려는 위치에 따라 다릅니다.

  • 인터넷에 게시하는 데 사용할 계획이라면 해상도는 72ppi로 선택됩니다. 인터넷의 주요 기준은 놀라운 품질이 아니라 이미지로드 속도이기 때문에 적절한 파일 저장 형식이 선택됩니다. , 품질이 최우선이 아닌 곳.
  • 이미지를 인쇄하려면 해상도가 72ppi보다 훨씬 높아야 합니다. 따라서 좋은 품질의 이미지를 인쇄하려면 해상도가 150~300ppi 범위에 있어야 합니다. 이는 잡지, 카탈로그 및 소형 제품(소책자, 전단지, 광고 전단지)을 인쇄하는 사진 인쇄소의 주요 요구 사항입니다.

위에서 언급했듯이 래스터 이미지는 해상도에 따라 크게 달라집니다. 그렇기 때문에 크기를 조정할 때 픽셀 특성으로 인해 이러한 이미지의 품질이 항상 저하됩니다. 그러나 여전히 이미지 크기를 늘리기로 결정했다면 매우 좋은 결과를 얻을 수 있는 보간 방법을 사용하는 것이 가장 좋습니다. 에 대한 이 방법다음 강의에서 그것에 대해 이야기하겠습니다.

래스터 그래픽의 이미지 크기는 다음과 같습니다. 물리적 크기이 이미지가 저장된 파일입니다. 이는 이미지 크기(픽셀 단위)에 비례합니다.

Photoshop은 이미지 크기와 해상도 간의 관계를 보여줍니다. 이는 이미지 메뉴에 있는 이미지 크기 대화 상자를 열어 볼 수 있습니다. 이러한 값 중 하나를 변경하면 다른 모든 값도 변경된 값에 따라 자동으로 조정됩니다.

요약하자면 이렇게 말할 수 있다 래스터 이미지의 주요 특징스피커:

  • 이미지 크기(픽셀)
  • 비트 심도
  • 색 공간
  • 이미지 해상도

래스터 이미지의 예로는 래스터 편집기에서 스캔, 사진 촬영 또는 그리기를 통해 생성되거나 벡터 이미지를 래스터 이미지로 변환하여 생성된 모든 사진 또는 그림이 있습니다.

래스터 이미지 형식

가장 일반적인 래스터 이미지 형식은 다음과 같습니다.

  • JPEG, JPG

래스터 이미지 형식 간 변환은 메뉴에서 파일 이름 다음에 이미지를 저장할 형식을 선택하는 "다른 이름으로 저장..." 명령을 사용하면 매우 쉽습니다.

GIF 및 PNG와 같은 일부 형식은 배경 투명도를 지원합니다. 동시에, 잊지 말아야 할 것은 투명한 배경 GIF 또는 PNG 이미지를 다른 형식으로 저장하거나 다른 이미지에 복사하여 붙여넣는 경우에는 그렇지 않습니다.

래스터 그래픽 작업용 프로그램

제일 인기 프로그램래스터 그래픽 작업:

  • 어도비 포토샵
  • 어도비 불꽃놀이
  • 코렐 포토페인트
  • 코렐 페인트 샵 프로
  • 코렐 페인터
  • 페인트

나에게는 Adobe Photoshop 편집기가 최고의 프로그램입니다.

이런 그래픽에 비하면 벡터 그래픽또한 장점이 많습니다. 그들을 살펴보자.

벡터 이미지란 무엇입니까?

벡터는 이미지입니다는 수학 방정식을 사용하여 정의된 확장 가능한 개별 개체(선 및 곡선)로 구성됩니다.

객체는 선, 곡선, 모양으로 구성될 수 있습니다. 이 경우 벡터 객체의 속성을 변경해도 객체 자체에는 영향을 미치지 않습니다. 기본 개체를 삭제하지 않고도 개체 속성을 얼마든지 자유롭게 변경할 수 있습니다.

벡터 그래픽에서는 이미지 품질이 해상도에 영향을 받지 않습니다. 이것은 모두 벡터 객체가 수학 방정식으로 설명되므로 크기 조정 시 다시 계산되어 품질이 저하되지 않는다는 사실로 설명됩니다. 이를 바탕으로 크기를 어느 정도 늘리거나 줄일 수 있으며 이미지는 깨끗하고 선명하게 유지되며 모니터 화면과 인쇄 시 모두 볼 수 있습니다. 따라서 벡터는 다음과 같습니다. 최선의 선택로고 등 다양한 매체에 표시되고 크기가 자주 변경되어야 하는 일러스트레이션의 경우.

이미지의 또 다른 장점은 래스터 이미지와 같은 직사각형 모양으로 제한되지 않는다는 것입니다. 이러한 개체는 다른 개체 위에 배치할 수 있습니다(전경이나 배경의 배치는 사용자가 직접 선택합니다).

명확성을 위해 원은 벡터 형식으로, 원은 래스터 형식으로 그린 ​​그림을 제공했습니다. 둘 다 흰색 배경에 배치됩니다. 그러나 다른 유사한 원 위에 래스터 원을 배치하면 이 원에는 그림에서 볼 수 있듯이 벡터에는 없는 직사각형 프레임이 있는 것을 볼 수 있습니다.

오늘날 벡터 이미지는 점점 더 사실적으로 변하고 있습니다. 이는 예를 들어 그라디언트 메쉬와 같은 프로그램의 다양한 도구가 지속적으로 개발 및 구현되기 때문입니다.

벡터 이미지는 일반적으로 다음을 사용하여 생성됩니다. 특별 프로그램. Adobe Illustrator에서 이미지를 추적하여 변환을 사용하지 않으면 이미지를 스캔하고 벡터 파일로 저장할 수 없습니다.

반면 벡터 이미지는 매우 쉽게 래스터 이미지로 변환될 수 있습니다. 이 프로세스를 래스터화라고 합니다. 또한 변환 중에 향후 래스터 이미지의 해상도를 지정할 수 있습니다.

벡터 형식

가장 일반적인 벡터 형식은 다음과 같습니다.

  • AI(어도비 일러스트레이터);
  • CDR(CorelDRAW);
  • CMX(Corel 통화);
  • SVG(확장 가능한 벡터 그래픽);
  • CGM 컴퓨터 그래픽 메타파일;
  • DXF 오토캐드.

벡터 작업에 가장 널리 사용되는 프로그램 : 어도비 일러스트레이터, CorelDRAW 및 Inkscape.

그렇다면 벡터 이미지와 래스터 이미지의 차이점은 무엇입니까?

래스터 및 벡터 이미지에 대한 기사를 요약하면 벡터 이미지가 래스터 이미지에 비해 많은 장점이 있다고 자신 있게 말할 수 있습니다.

이 자료에서는 래스터 이미지와 벡터 이미지의 주요 차이점을 살펴보겠습니다. 벡터 및 래스터 그래픽의 모든 장점은 물론 이러한 그래픽을 귀하의 목적에 가장 잘 사용하는 방법에 대해 알아봅니다. 따라서 당신은 아마도 "내 컴퓨터 화면에 표시되는 그림은 무엇으로 구성되어 있는가?"라는 질문을 스스로에게 한 번 이상 물어봤을 것입니다. 놀라실 수도 있겠지만, 사실 사진 같은 건 없어요!

래스터 이미지란 무엇입니까?

실제로는 우리가 볼 수 있는 것은 전자 버전모니터의 사진. 우리가 이야기하면 래스터 이미지, 숫자와 기호의 형태로 컴퓨터 메모리에 저장됩니다. 그들은 이미 특정 순서특정 영역을 설명하다 (요소)이미지 그 자체. 이 요소는 픽셀로 렌더링됩니다. (특정 색상의 셀). 이것이 어떤 종류의 픽셀인지 봅시다.

이렇게 하려면 간단히 사진을 찍어 확대하면 됩니다. 특별한 사각형이 나타난 것을 알 수 있습니다. (아래 사진). 이미지가 다양한 색상의 사각형으로 분할되기 시작했습니다. 이 사각형은 픽셀입니다.

이것이 카메라, 휴대폰 카메라에서 얻거나 인터넷에서 다운로드한 래스터 이미지의 결과입니다. 내가 말했듯이 각 픽셀은 특정 일련의 숫자와 기호로 설명됩니다. 이 순서가 무엇인지 어떻게 알 수 있나요? 예, 매우 간단합니다! 도구를 선택하세요 " 피펫» (모든 그래픽 편집기에 있습니다)원하는 픽셀을 가리킵니다. Photoshop에서 체크인하는 경우 추가로 색상 팔레트로 이동해야 합니다.

따라서 위에서 논의한 내용은 다음과 같습니다. 픽셀이 일련의 숫자와 문자로 표시되면 쉽게 변경할 수 있습니다. 각 픽셀의 숫자와 문자를 변경하면 색상을 변경할 수 있습니다. 즉, 픽셀 자체를 편집할 수 있습니다. 전역 수정 작업을 수행할 때 (예를 들어 밝기 조정)변화 숫자 값수천 개의 이미지 픽셀.

이제 개념을 알아봅시다. 벡터 이미지. 시각적인 예를 보여주기 위해 다음을 만들어 보겠습니다. 새 문서. 메뉴로 가자 " 파일» —> « 만들다". 벡터 그래픽을 만드는 데 사용해 보겠습니다. 예를 들어 "라는 도구를 사용하겠습니다. 깃털» (2) . "라는 설정이 필수입니다. 모양 레이어» (3) . 그런 다음 올바른 위치에 점을 배치합니다. (4) . 결과는 특정 수치입니다. 당신은 당신의 재량에 따라 그것을 할 수 있습니다.

모든 점을 연결하면 모양이 형성되고 미니어처 벡터 마스크가 레이어에 부착됩니다. (5) . 이는 래스터 모양이 아니라 벡터 모양임을 나타냅니다.여러 번 늘리거나 줄일 수 있으며 품질은 어떤 식으로든 저하되지 않습니다. 당연히 이 레이어에는 다양한 광선 효과, 획 등을 적용할 수 있습니다.

그렇다면 래스터 이미지와 벡터 이미지의 차이점은 무엇입니까? 벡터 이미지는 래스터 이미지와 달리 라틴어 기호가 아닌 수학 공식으로 설명됩니다. 따라서 품질 저하 없이 늘리거나 줄일 수 있습니다. 수식은 동일하게 유지되며 배율만 변경됩니다. 일반적으로 공식은 부드러운 곡선을 설명하며 어떤 값에서든 이 곡선은 부드러운 상태를 유지합니다.

사진을 확대하려고 하면 벡터 그래픽, 그러면 픽셀이 거의 보이지 않는 것을 알 수 있습니다. 즉, 품질이 동일한 수준으로 유지됩니다. 래스터 그래픽으로 이미지를 확대하면 품질이 눈에 띄게 저하됩니다.

이렇게 하면 품질 저하 없이 벡터 이미지를 확대할 수 있습니다. 어떤 크기든 수학 공식으로 설명됩니다. 래스터 이미지는 일련의 픽셀입니다. 조각을 확대하면 품질 손실이 관찰되기 시작합니다. 이미지 크기가 줄어들면 손실도 관찰할 수 있습니다.

벡터 이미지는 품질 저하 없이 큰 이미지 확대가 필요한 경우에 사용하는 것이 좋습니다. 예를 들어 여기에는 다양한 명함, 로고, 웹사이트 배너 등이 포함될 수 있습니다. 어도비 프로그램 Photoshop을 사용하면 벡터 이미지로 작업할 수 있지만 여전히 래스터 편집기입니다. CorelDraw 또는 Adobe Illustrator는 벡터 이미지 작업에 훨씬 더 적합합니다.

그래서 우리는 래스터 이미지와 벡터 이미지의 개념을 알게 되었습니다. 내가 말했듯이, 가장 큰 차이점은 벡터 이미지는 수학 공식으로 설명되며 품질 저하 없이 원하는 만큼 확대할 수 있다는 점입니다. 이는 래스터 이미지에서는 말할 수 없습니다.

그럼에도 불구하고 많은 웹 디자이너뿐만 아니라 많은 웹 디자이너가 웹 사이트에서 래스터 그래픽을 사용하는 경우가 많습니다. 그러한 그래픽이 훨씬 더 매력적으로 보이기 때문에 이는 이해할 수 있습니다. 그러나 벡터 그래픽의 멋진 예가 있습니다. 또한 이러한 작업의 무게는 훨씬 적습니다. 일반적으로 연구하고 구현하십시오!

래스터, 픽셀, 샘플링, 해상도

모든 유형의 정보와 마찬가지로 컴퓨터의 이미지는 이진 시퀀스로 인코딩됩니다. 이들은 근본적으로 다른 두 가지 인코딩 방법을 사용하며 각각 고유한 장점과 단점이 있습니다.

선과 영역은 모두 무한한 수의 점으로 구성됩니다. 우리는 이 점들 각각의 색상을 코딩해야 합니다. 그 수가 무한하다면 우리는 무한한 양의 메모리가 필요하다는 결론에 즉시 도달합니다. 따라서 "점별" 방식으로 이미지를 인코딩하는 것은 불가능합니다. 그러나 이 아이디어는 여전히 사용될 수 있습니다.

흑백 그림부터 시작해 보겠습니다. 마름모 이미지에 격자가 겹쳐져 사각형으로 나뉘는 것을 상상해 봅시다. 이 그리드를 래스터라고 합니다. 이제 각 사각형에 대해 색상(검은색 또는 흰색)을 결정합니다. 부분이 검은색으로, 부분이 흰색으로 칠해진 사각형의 경우 어느 부분(검은색 또는 흰색)이 더 큰지에 따라 색상을 선택하세요.

그림 1.

우리는 픽셀 정사각형으로 구성된 소위 래스터 이미지를 가지고 있습니다.

정의 1

픽셀(eng. 픽셀 = 그림 요소, 그림 요소)는 그림에서 자신만의 색상을 설정할 수 있는 가장 작은 요소입니다. "일반적인" 그림을 사각형으로 나눈 후 이산화를 수행했습니다. 즉, 단일 개체를 별도의 요소로 나누었습니다. 실제로 우리는 마름모 이미지라는 분할할 수 없는 단일 그림을 가지고 있었습니다. 결과적으로 우리는 픽셀 세트인 개별 객체를 받았습니다.

샘플링 결과 얻은 흑백 이미지의 바이너리 코드는 다음과 같이 구성될 수 있습니다.

  • 흰색 픽셀을 0으로 바꾸고 검은색 픽셀을 1로 바꿉니다.
  • 결과 테이블의 행을 차례로 작성합니다.

실시예 1

간단한 예를 통해 이를 보여드리겠습니다.

그림 2.

이 그림의 너비는 $8$ 픽셀이므로 테이블의 각 행은 $8$ 이진수(비트)로 구성됩니다. 0과 1의 매우 긴 체인을 작성하지 않으려면 $4$ 인접 비트(4개)를 하나의 16진수 숫자로 인코딩하는 16진수 시스템을 사용하는 것이 편리합니다.

그림 3.

예를 들어, 첫 번째 줄의 경우 $1A_(16)$ 코드가 표시됩니다.

전체 그림의 경우 $1A2642FF425A5A7E_(16)$입니다.

참고 1

이산화의 결과로 우리가 얻은 것과 잃은 것을 이해하는 것은 매우 중요합니다. 가장 중요한 점은 그림을 바이너리 코드로 인코딩할 수 있었다는 것입니다. 그러나 그림이 왜곡되었습니다. 다이아몬드 대신 사각형 세트가 생겼습니다. 왜곡이 발생하는 이유는 원본 그림의 일부 사각형 부분이 다른 색상으로 칠해져 있지만 인코딩된 이미지에서는 각 픽셀이 반드시 하나의 색상을 가지기 때문입니다. 따라서 인코딩 중에 원본 정보 중 일부가 손실되었습니다. 예를 들어 사진을 확대하면 사각형이 더 커지고 사진이 더욱 왜곡되는 경우에 나타납니다. 정보 손실을 줄이려면 픽셀 크기를 줄여야 합니다. 즉, 해상도를 높여야 합니다.

정의 2

허가이미지 크기의 인치당 픽셀 수입니다.

해상도는 일반적으로 인치당 픽셀 단위로 측정됩니다(영어 표기법 $ppi$ = 인치당 픽셀 사용). 예를 들어, $254$ppi$의 해상도는 인치당 $254$픽셀($25.4$mm)이 있으므로 각 픽셀에는 $0.1x0.1$mm 크기의 원본 이미지 정사각형이 "포함"된다는 의미입니다. 해상도가 높을수록 이미지가 더 정확하게 인코딩되지만(정보 손실이 적음) 동시에 볼륨도 증가합니다. 파일.

색상 코딩

그림이 색칠되어 있으면 어떻게 해야 하나요? 이 경우 1비트로는 더 이상 픽셀 색상을 인코딩하는 데 충분하지 않습니다. 예를 들어, 사진에 표시된 러시아 국기 $4$의 이미지에서는 색상이 검정색, 파란색, 빨간색, 흰색입니다. 네 가지 옵션 중 하나를 인코딩하려면 $2$ 비트가 필요하므로 각 색상의 코드(및 각 픽셀의 코드)는 2비트로 구성됩니다. $00$는 검정색, $01$ 빨간색, $10$ 파란색, $11$ 흰색을 나타냅니다. 그러면 우리는 다음 표를 얻습니다.

그림 4.

유일한 문제는 화면에 표시될 때 어떤 색상이 이 코드 또는 해당 코드에 해당하는지 어떻게든 결정해야 한다는 것입니다. 즉, 색상 정보는 숫자(또는 숫자의 집합)로 표현되어야 합니다.

사람은 빛을 수많은 전자기파로 인식합니다. 확실한 파장특정 색상에 해당합니다. 예를 들어 $500-565nm의 파장은 녹색입니다. 소위 "백색" 빛은 실제로 전체 가시 범위에 걸쳐 있는 파장의 혼합입니다.

색각에 대한 현대 개념(영-헬름홀츠 이론)에 따르면 인간의 눈에는 세 가지 유형의 민감한 요소가 포함되어 있습니다. 그들 각각은 빛의 전체 흐름을 감지하지만 첫 번째는 빨간색 영역에서 가장 민감하고 두 번째는 녹색 영역, 세 번째는 파란색 영역에서 가장 민감합니다. 색은 세 가지 유형의 수용체 모두를 자극한 결과입니다. 따라서 모든 색상(즉, 느끼다특정 길이의 파동을 인지하는 사람)은 서로 다른 밝기의 세 가지 광선(빨간색, 녹색, 파란색)만을 사용하여 시뮬레이션할 수 있습니다. 결과적으로 모든 색상은 대략 빨간색, 녹색 및 파란색의 세 가지 구성 요소로 분해됩니다. 이러한 구성 요소의 강도를 변경하면 원하는 색상을 만들 수 있습니다. 이 색상 모델은 영어 단어 red, green, blue의 첫 글자를 따서 RGB라고 합니다.

RBG 모델에서 각 구성 요소(또는 각 채널이라고 함)의 밝기는 $0$에서 $255$까지의 정수로 인코딩되는 경우가 가장 많습니다. 이 경우 색상 코드는 개별 채널의 밝기인 3개의 숫자(R, G, B)입니다. 색상 ($0,0,0$)은 검정색이고 ($255,255,255$)는 흰색입니다. 모든 구성 요소의 밝기가 동일하면 검정색에서 흰색까지 회색 음영이 얻어집니다.

그림 5.

연한 빨간색(분홍색)을 만들려면 빨간색($255,0,0$)에서 녹색과 파란색 채널의 밝기를 동일하게 높여야 합니다. 예를 들어 색상($255, 150, 150$)은 분홍색. 모든 채널의 밝기를 균일하게 줄이면 어두운 색상이 됩니다. 예를 들어 코드($100,0,0$)가 있는 색상은 진한 빨간색입니다.

총 3가지 색상 각각에 대해 $256$ 밝기 옵션이 있습니다. 이를 통해 우리는 $256^3= $16,777,216의 음영을 인코딩할 수 있으며 이는 인간에게 충분합니다. $256 = 2^8$이므로 세 구성 요소 각각은 메모리에서 $8$ 비트 또는 $1$ 바이트를 차지하고 특정 색상에 대한 모든 정보는 $24$ 비트(또는 $3$ 바이트)를 차지합니다. 이 값을 색심도라고 합니다.

정의 3

색상 심도픽셀의 색상을 인코딩하는 데 사용되는 비트 수입니다.

$24$ 비트 색상 인코딩을 트루 컬러 모드라고도 합니다. 이 인코딩을 사용하여 그림의 용량을 바이트 단위로 계산하려면 총 픽셀 수(너비와 높이를 곱함)를 결정하고 그 결과에 $3$를 곱해야 합니다. 각 픽셀의 색상은 3바이트로 인코딩되기 때문입니다. 예를 들어, 트루 컬러로 인코딩된 $20×30$ 픽셀의 그림은 $20×30×3 = 1800$ 바이트를 차지합니다.

트루 컬러 모드 외에 $16$-비트 코딩(영어: High Color)도 사용하는데, $5$ 비트는 빨간색과 파란색 구성 요소에 할당되고 $6$ 비트는 녹색 구성 요소에 할당됩니다. 인간의 눈은 더 민감합니다. 하이 컬러 모드는 $2^(16) = $65,536의 다양한 색상을 인코딩할 수 있습니다. 안에 휴대 전화$12$ 비트 색상 인코딩(채널당 $4$ 비트, $4096$ 색상).

팔레트를 이용한 코딩

일반적으로 사용되는 색상 수가 적을수록 색상 이미지가 더 왜곡됩니다. 따라서 색상을 인코딩할 때 정보의 손실도 불가피하며, 이는 샘플링으로 인한 손실에 "추가"됩니다. 예를 들어 다이어그램, 다이어그램 및 그림에서 이미지의 색상 수가 적은 경우가 많습니다($256$ 이하). 이 경우 팔레트 코딩이 사용됩니다.

정의 4

색상 팔레트 RGB 모델의 구성요소로 지정된 각 색상이 숫자 코드와 연관된 테이블입니다.

팔레트를 사용한 코딩은 다음과 같이 수행됩니다.

  • 색상 수를 선택하세요. $N$(보통 $256$ 이하)
  • 트루 컬러 팔레트($16,777,216 색상)에서 $N$ 색상을 선택하고 각 색상에 대해 RGB 모델의 구성 요소를 찾습니다.
  • 각 색상에는 $0$부터 $N–1$까지의 숫자(코드)가 지정됩니다.
  • 먼저 $0$ 코드로 색상의 RGB 구성 요소를 기록한 다음 $1$ 코드로 색상 구성 요소를 적어 팔레트를 만듭니다.

각 픽셀의 색상은 RGB 구성 요소 값이 아닌 팔레트의 색상 번호로 인코딩됩니다. 예를 들어, 이미지 인코딩러시아 국기(위 참조) $4$ 색상이 선택되었습니다:

  • 검정색: RGB 코드($0,0,0$); 바이너리 코드 $002$;
  • 빨간색: RGB 코드($255,0,0$); 바이너리 $012$;
  • 파란색: RGB 코드($0,0,255$); 바이너리 $102$;
  • 흰색: RGB 코드($255,255,255); 바이너리 코드 $112$.

따라서 일반적으로 파일 시작 부분(파일 헤더라고 함)의 특수 서비스 영역에 기록되는 팔레트는 4개의 3바이트 블록으로 구성됩니다.

그림 6.

각 픽셀의 코드는 2비트만 사용합니다.

색상수량이 $256$ 이상인 팔레트는 실제로 사용되지 않습니다.

래스터 코딩의 장점과 단점

래스터 코딩에는 위엄:

  • 범용 방법(모든 이미지를 인코딩할 수 있음)
  • 사진과 같이 경계가 명확하지 않은 흐릿한 이미지를 인코딩하고 처리하는 유일한 방법입니다.

그리고 결점:

  • 샘플링 중에는 항상 정보가 손실됩니다.
  • 이미지의 크기를 변경하면 그림에 있는 개체의 색상과 모양이 왜곡됩니다. 크기를 늘리면 누락된 픽셀을 어떻게든 복원해야 하고, 줄이면 여러 픽셀을 하나로 바꿔야 하기 때문입니다.
  • 파일 크기는 이미지의 복잡도에 따라 결정되지 않고 해상도와 색상 심도에 의해서만 결정됩니다.

일반적으로 래스터 이미지는 볼륨이 큽니다.

숙련된 디자이너라면 이 기사가 필요하지 않으며 아마도 래스터와 벡터의 차이점을 알고 우연히 여기까지 오셨을 것입니다. 모든 초보자에게는 이 차이가 불분명할 뿐만 아니라 차이가 존재하는지조차 의심하지 않습니다.

그것을 알아 내려고 노력합시다. 래스터 및 벡터 이미지는 어떤 경우에도 그래픽 개체입니다.

래스터 그래픽.

사진 printcnx.com

래스터 이미지의 특징은 모자이크처럼 작은 세포 조각, 즉 픽셀로 구성된다는 것입니다. 그리고 해상도가 높을수록 많은 분량단위 면적당 픽셀이 맞습니다.

예: 해상도 600x800px.

문자 그대로 이는 다음을 의미합니다. 사진에 세로로 600픽셀, 가로로 800픽셀이 포함되어 있습니다. 이 이미지를 확대하여 화면에 표시하지 않으면 인간의 눈은 세포성을 인식하지 못할 가능성이 높습니다.

예를 들어 A4와 같은 종이에 확대하거나 인쇄하기 시작하면 모자이크가 표시됩니다. 그림은 십자수 패턴처럼 보일 것입니다.

래스터 이미지는 색상과 다양한 음영의 원활한 전환을 전달하는 데 사용됩니다. 가장 일반적인 응용 프로그램은 사진 처리, 콜라주 만들기 등입니다. 가장 인기 있는 래스터 그래픽 편집기는 Photoshop입니다.

래스터 이미지는 동일한 이미지보다 더 많은 디스크 공간을 차지하지만 벡터로 실행됩니다. 그러나 여기에서 "텍스트를 그렸다"면 이것이 사실이고 빨간색 페라리를 배경으로 사랑하는 소녀의 사진을 찍은 경우 여기서 벡터는 무력하고 래스터 일 뿐이라는 점을 기억하는 것이 매우 중요합니다.

벡터 그래픽.


사진 printcnx.com

래스터 이미지와 달리 벡터 이미지는 개별 점(픽셀)으로 구성되지 않습니다. 벡터 이미지의 논리는 완전히 다릅니다. 벡터 그래픽 객체에는 앵커 포인트(anchor point)라고 불리는 것이 있으며, 그 사이에 곡선이 있습니다. 이 곡선의 곡률은 다음과 같습니다. 수학 공식. 이는 디자이너가 고등 수학의 전문가가 되어야 하고 모든 종류의 쌍곡선과 포물선의 공식을 기억해야 한다는 의미는 아니며, 사인파를 설명할 필요조차 없습니다. 이 모든 것이 당신을 위한 것인가요? 그래픽 편집기. 아시다시피 디자이너는 원하는 모양을 얻기 위해 점을 배치하고 마우스로 곡선을 "드래그"합니다.

가장 널리 사용되는 벡터 그래픽 편집기는 CorelDrow 및 Adobe Illustrator입니다.

벡터 그래픽은 소책자, 전단지, 명함 등 인쇄에 자주 사용됩니다. 텍스트, 로고, 장식 패턴이 포함된 제품 - 복숭아 색상의 18가지 색상을 모두 정확하게 표현할 필요는 없으며 곡선을 사용하여 설명할 수 있는 모든 것입니다. 벡터 이미지는 종종 "곡선"이라고 불립니다.

벡터 이미지의 가장 큰 장점은 높은 배율에서도 그래픽 개체, 이미지 품질은 변하지 않습니다. 벡터에서 명함으로 인쇄하거나 동일한 명함을 광고판 크기로 인쇄하면 사진이 똑같이 좋아질 것입니다.

결과적으로 다음과 같은 결과를 얻었습니다.

래스터 이미지:
찬성: 색상, 명암, 그림자의 변화 흐름을 매우 명확하고 미묘하게 전달합니다.
마이너스: 확대 시 품질 저하: 사진이 컬러 사각형(픽셀)으로 부서집니다. 고해상도에서는 많은 공간을 차지합니다.
적용 범위: 사진 처리, 웹사이트 레이아웃 생성, 다양한 색상의 그래픽 개체 생성

벡터 이미지:
찬성: 크기 조정이 용이합니다. 매우 높은 배율에서도 이미지 품질이 저하되지 않습니다.
마이너스: 래스터처럼 부드러운 색상 전환을 전달하는 것은 불가능합니다.
적용 범위: 인쇄, 전단지, 소책자, 광고물, 명함, 로고 디자인 등

온라인 또는 인쇄물 중 로고를 어떻게 사용할 계획입니까?

더 이상 선택할 필요가 없습니다. 결국 Logaster 온라인 서비스는 모든 미디어에 완벽하게 적용되는 여러 로고 파일을 한 번에 생성할 수 있는 기능을 제공합니다.