00-3Dprinting 컴퓨터그래픽 이미지 형식 Raster & Vector

컴퓨터그래픽 이미지는 일반적으로 벡터(Vector), 레스터(Raster) 두가지 방식으로 구분 합니다.

 

벡터(SVG/AI) 이미지는 확대/축소를 해도 문제 없으나 레스터(GIF/JPG/PNG) 이미지는 축소에는 큰 문제 없고, 확대시에는 이미지 손상이 있습니다. (계단 현상으로 이미지가 깨짐)

 

SVG 벡터 이미지 파일은 레스터 이미지 gif, jpg, png 보다는 파일 용량이 대체적으로 적습니다.

 

- 벡터 이미지(라인/선 개념): 일러스트레이터 / 123D design

 

- 레스터 이미지(픽셀/면 개념): 포토삽 / 그림판
   (Raster Image = Bitmap Image = Pixer Image)

 

 

레스터 그래픽은 그림을 픽셀 단위로 표현하는 비트맵 방식이고, 벡터 그래픽은 기하학적인 그래픽 함수로 저장하는 방식이다.

 

레스터 그래픽은 화면을 확대 할 때 화질이 떨어진다. 즉 계단현상이 일어나고, 벡터 그래픽은 점, 선, 곡선, 원 등의 기하적 객체로 표현되므로 화면 확대시 화질의 변화가 없다.

 

레스터 방식은 좀 더 우리가 쉽게 이해하자면, 비트맵 방식이라고 합니다. 그림판에서 그림을 그리고 저장하면, 확장자가 BMP 입니다. 이때 BMP가 비트맵 그림의 확장자 입니다.

 

 

 

 

[SVG Vector Image]

 

스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다.

 

SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다.

 

SVG 형식의 파일은 SVG 기반의 전문 그래픽 편집 프로그램을 사용하여 편집이 가능하다. 물론 XML 파일로 되어 있으므로 문서 편집기로도 편집이 가능하다.

 

현재 마이크로소프트의 인터넷 익스플로러 8 이전 버전을 제외한 대부분의 주요 웹 브라우저들은 SVG를 지원한다.

 

인터넷 익스플로러에서는 SVG 파일을 보기 위해 별도의 플러그인을 수동으로 설치하여야 하며, 그렇지 않은 경우에는 웹 페이지 제작자가 구글 코드에서 개발중인 자바스크립트 라이브러리, SVG Web 을 웹 페이지 코드에 포함시켜야 한다.

 

(출처: 위키백과)

 

  

 

[SVG 이미지 지원 웹브라우저 버전]

 익스플로러 v9 부터 / 파이어폭스 v1.5 부터

02-3DprintingTest(Seoul-SVG).zip

[이미지 파일 형식 변환 실습]

PNG Image → SVG Image

 

 

 

  

 

 

[GIF/JPG/PNG to SVG 파일 변환 무료 온라인 사이트]

 

http://www.online-convert.com

https://convertio.co/kr/svg-converter

 

 

 

 

 

 

 

[SVG Image → 123D Design]

 

 

 

▣ 윤샘 edyoon.tistory.com 컴교실 ▣