디지털 그래픽 파일 - 벡터 및 래스터의 두 가지 유형이 있습니다. 이미지를 만드는 작은 줄과 곡선 (또는 경로)의 수천 개의 이미지 이미지. 래스터 이미지는 픽셀로 구성됩니다. 그러나 다음 프로젝트에 가장 적합한 형식을 어떻게 알 수 있습니까?
이 웹 사이트는 온라인 공격으로부터 자신을 보호하기 위해 보안 서비스를 사용하고 있습니다. 방금 수행 한 작업은 보안 솔루션을 유발했습니다. 특정 단어 나 구를 제출하는 것을 포함 하여이 블록을 트리거 할 수있는 몇 가지 작업, SQL 명령 또는 조작 된 데이터가 있습니다.
이것은 웹 및 인쇄 디자인 모두에 적합합니다. 실제로, 우리는 벡터 이미지를 특징으로하는 컴파일을 충분히 가지고 있지만 자신의 검색을하고 싶은 경우에 우리는 다음 가장 좋은 일을 가지고 있습니다.
그림은 1,000 단어를 말할 수 있습니다. 이미지는 귀하의 메시지를 운반하는 데 있어야합니다. 그러나 이미지가 부적절하게 내보낼 수있는 이미지는 낮은 품질을 보일 수 있으므로 사이트가 천천히로드하고 사용자의 참여를 잃게합니다. 여기에 모든 그래픽이 아름답고 선명한 지 확인하는 데 사용할 수있는 몇 가지 팁이 있습니다.
이미지를 표시하는 데 사용할 수있는 두 가지 색상 공간이 있습니다. RGB 및 CMYK. RGB (적색, 녹색, 파란색)는 디지털 장치 용 표준 색 공간입니다. 기본적으로 카메라 또는 컴퓨터에 의해 생성 된 이미지 가이 색상 프로파일에 저장됩니다. 그러나 프린터에서 사용하는 색상 프로필 인 CMYK 인 이미지가있을 수 있습니다. 웹 에서이 이미지를 사용하기 전에 Adobe Photoshop과 같은 프로그램은 이미지가 생생하고 밝게 색상을 RGB로 변환 할 수 있습니다.
CMYK 이미지를 RGB로 변환하려면 Adobe Photoshop에서 이미지를 엽니 다. 메뉴 모음에서 이미지로 이동하고 드롭 다운으로 이동하여 모드로 이동하고 RGB 색상을 선택하십시오. 이것은 이미지를 RGB 색상으로 변환하여 일부 색상이 더 활기차게됩니다. 다음으로 해당 파일을 파일로 이동하십시오. 파일 이름을 변경하여 다른 사람이 디지털 응용 프로그램의 파일인지 알 수 있습니다.
벡터 그래픽은 많은 상황에서 매우 유용합니다 - 작은 파일 크기가 크고 확장 성이 뛰어나므로 확대되거나 큰 크기로 촬영 될 때 픽셀 화됩니다. 이 기사에서는 웹 페이지에 하나를 포함하는 방법을 보여줍니다.
둘 사이의 차이점에 대한 아이디어를 제공하려면 예제를 살펴 보겠습니다. 이 예제는 GitHub Repo에서 Vector-vers-raster로 Live를 찾을 수 있습니다. TML - 검은 색 드롭 그림자가있는 빨간색 별의 두 개의 겉으로보기에 두 개의 동일한 이미지를 나란히 보여줍니다. 차이점은 왼쪽 하나가 PNG이고 오른쪽 하나는 SVG 이미지입니다.
페이지를 확대 할 때 차이가 분명 해집니다. PNG 이미지는 정보가 포함되어 있기 때문에 확대 / 축소하는 것처럼 픽셀 화됩니다. 확대되면 화면에서 여러 픽셀을 채우려면 각 픽셀이 크기가 증가하여 이미지가 Blocky를 보리기 시작합니다. 그러나 벡터 이미지는 크기가 무엇인지 상관없이 알고리즘이 이미지의 모양의 값으로 이미지의 모양을 작동시키는 데 사용됩니다.
있음 : 래스터 이미지를 나타내는 각 사례의 왼쪽 별과 벡터 이미지를 나타내는 오른쪽 별이있는 모든 PNG입니다. 다시, 벡터 대 래스터로 이동하십시오. 실제 예제를위한 TML 데모!또한 벡터 파일이 이미지의 모든 픽셀을 개별적으로 개별적으로 보유하고 있기 때문에 래스터 동등 물보다 훨씬 가볍습니다.
Coimbatore, Tamil Nadu, 인도의 오늘날 Top 147 웹 개발자 일자리. 전문 네트워크를 활용하고 고용하십시오. 새로운 웹 개발자 작업은 매일 추가되었습니다.
