SVG의 의미와 개념에 대해 알아봅시다.
SVG 의미 및 개념 이해
SVG(Scalable Vector Graphics)는 이미지 크기를 늘리거나 줄여도 이미지 품질이 변하지 않고 유지될 수 있는 이미지 형식을 말합니다. SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 형식입니다. XML(eXtensible Markup Language) 마크업 언어로 생성됩니다. 벡터는 수학 함수를 사용하여 선과 모양을 통해 그림을 표시하는 방법입니다. SVG는 벡터화된 그래픽 이미지입니다. SVG는 이미지를 확대해도 이미지 품질의 선명도를 유지합니다. SVG는 XML 기반의 2차원 벡터 그래픽 이미지 파일 형식입니다. SVG 이미지는 회사 로고나 아이콘을 나타내는 웹 문서의 이미지로 사용되는 경우가 많습니다. SVG는 XML 텍스트 파일로 저장됩니다. 이를 통해 필요한 경우 검색, 카탈로그 작성, 스크립트 작성 및 압축이 가능합니다. 웹브라우저에서 보실 수 있으며, 문서 편집기를 이용하여 직접 이미지를 편집하실 수 있습니다. SVG는 이미지에 대한 하이퍼링크를 허용하고 JavaScript에 연결될 수 있습니다. 이미지를 확대해도 SVG 품질은 저하되지 않습니다.
SVG 의미 및 개념 설명
SVG(Scalable Vector Graphics)란 이미지를 확대하거나 축소해도 픽셀이 깨지지 않고 화질을 유지하는 이미지 포맷을 말하며, 기존 PNG나 GIF 이미지 포맷보다 용량이 적다. SVG(Scalable Vector Graphics)는 벡터입니다. (벡터) 형식으로 생성된 이미지 형식입니다. SVG는 주로 기업 로고와 아이콘에 사용됩니다. 이미지를 확대해도 SVG는 다른 이미지처럼 들쭉날쭉하고 계단 모양의 이미지가 깨집니다. 눈에 띄지 않는 이미지 형식이기 때문에 인터넷에서 사용자의 화면 크기와 해상도에 맞게 이미지를 준비할 필요가 없습니다. SVG는 실제로 XML로 생성된 텍스트 파일이므로 텍스트 편집기를 사용하여 이미지를 편집할 수 있습니다. 자바스크립트 등의 개발 프로그램을 통해 편집 및 조작이 가능합니다. Adobe Illustrator와 같은 벡터 드로잉 프로그램을 사용하여 이미지를 편집할 수도 있습니다. 또한 메모장과 문서 편집기를 사용하여 이미지 작업을 할 수도 있습니다. SVG는 W3C에서 지원됩니다. SVG는 World Wide Web Consortium에서 만든 개방형 표준이므로 SVG는 W3C 표준입니다. CSS(캐스케이딩 스타일 시트), DOM(문서 개체 모델) 및 SMIL(동기화된 멀티미디어 통합 언어)이 포함됩니다. SVG(Scalable Vector Graphics)는 벡터화된 그래픽 이미지입니다. SVG는 전통적인 래스터 방식과 다릅니다. JPG, PNG, GIF, BMP 등 기존 이미지 형식은 래스터 방식을 사용하지만 SVG는 벡터 형식을 사용합니다.[레스터 방식과 벡터 형식 구분]
래스터(Raster)란 각 픽셀에 색을 칠하고, 각 픽셀을 하나로 모아 그림과 선을 만드는 방식을 말합니다. 래스터(Raster)는 벡터에 해당하는 개념으로 이미지를 작은 픽셀로 표현하는 것이 특징입니다. 이미지를 확대하면 Jaggy에는 눈에 띄는 단점이 있습니다. 여기서 재기(Jaggy)는 이미지를 확대할 때 들쭉날쭉하고 계단 모양의 이미지 균열을 의미합니다. Jaggy는 앨리어싱이라고도 합니다. 앨리어싱은 디지털 처리 중에 발생하는 노이즈를 말합니다. 그리고 안티앨리어싱은 그래픽 노이즈를 방지하는 기술입니다. 래스터 방식은 수많은 작은 점들을 찍어 만든 이미지입니다. 색상을 포함한 데이터를 각 픽셀에 저장하는 방식입니다. 벡터 방식은 그리드 위의 점과 선을 기반으로 수학 공식과 수학 함수를 사용하여 이미지를 저장합니다. 벡터 방식은 점, 선, 표면 형태로 데이터를 저장합니다. 나머지 방법은 주로 사진 촬영에 사용됩니다. 래스터는 비트맵이라고도 합니다. SVG와 비슷한 방식으로 VML이 있습니다. VML(Vector Markup Language)은 벡터 마크업 언어입니다. VML은 XML 형식으로 생성된 벡터 이미지 형식입니다. VML은 마이크로소프트Internet Explorer에서 널리 사용되었으나 현재는 SVG로 대체되었습니다. SVG에는 중첩 경로, 알파 마스크, 애니메이션, 그래픽 명령 및 하이퍼링크와 같은 다양한 기능이 있습니다. 지원됩니다.SVG(Scalable Vector Graphics)는 해상도 손실 없이 작은 용량으로 깨끗한 이미지로 표현할 수 있는 이미지 형식입니다. SVG는 이미지를 확대해도 원래의 선명도를 유지합니다. 이러한 특성으로 인해 SVG는 기업 로고, 기업 CI(Corporate Identity), BI(Brand Identity), 홍보물, 원본의 선명도에 차이가 없어야 하는 인쇄물 등에 주로 사용됩니다. 기존 JPG, PNG, GIF는 픽셀 기반의 래스터 형식을 사용하는 반면, SVG는 벡터 형식을 사용합니다. SVG는 XML로 생성됩니다. SVG는 XML로 생성되므로 검색, 카탈로그 작성 및 스크립트 작성이 가능합니다. 이미지가 복잡해지면 SVG를 인터넷에 로드하는 데 시간이 더 오래 걸릴 수 있습니다. SVG는 마크업 언어를 기반으로 생성되기 때문에 텍스트 형태이므로 이미지 크기가 작을 수 있습니다. 벡터 기반이기 때문에 이미지 크기를 자유롭게 늘리거나 줄여도 이미지 크기가 깨지지 않습니다. SVG는 웹 친화적인 벡터 이미지 파일 형식입니다.