텍스트, 앱(프로그램) 등 크기설정을 100%가 아닌 150%로 설정하면서 텍스트 및 프로그램 등이 희미하게 보이는 경우가 많다. 50% 확대했으니 희미하게 보이는 것은 이상한 것이 아니다. 확대해도 이미지가 희미하지 않고 원본으로 보이는 이미지 파일형식은 SVG라 알고 있다. SVG 파일에 대해 위키백과에서 아래와 같이 정의하고 있다.  


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


위키백과 SVG 설명에 이미지를 확대나 축소하면 변하지 않는다는 부분을 찾고 싶었으나 그런 것은 없었다. 그러니 아래에서 내가 적으려 한다. 만약 이미지를 제공하는 셔터스톡Pixabay 등에서 SVG이미지를 다운로드 하고자 한다면 이미지에서 벡터를 찾으면 된다. 참고로 아래 그림은 셔터스톡 홈페이지이다.



SVG이미지는 GIF, JPG, PNG 등과 같이 그래픽 파일인데 눈에 띄게 다른 점은 200%,1000% 확대하거나 축소해도 형태가 변하지 않는다. 아래 그림처럼 SVG 이미지를 잉크스케이프로 열어 100%로 보았다. SVG이미지는 어도비일러스트, 잉크스케이프 등으로 열거나 편집할 수 있다. 아래 그림은 축소됐기 때문에 선명하지 않다. 클릭하면 선명하게 볼 수 있다. 참고로 잉크스케이프는 기업, 개인 사용자에게 무료로 다운로드할 수 있으며 벡터 이미지를 만들 수 있다. 


그래서 원본 SVG이미지를 10배로 확대했더니 아무런 글자에 변화가 없다. 아래 그림은 10배 확대한 것이다. SVG이미지는 위에 적었듯 확대해도 아무런 변화 없으니 글자를 정확히 알 수 있다. 위 글자를 100배 확대해도 아무런 변화가 없다. 참고로 SVG이미지를 구글드로잉으로 만들었고 구글드로잉은 구글드라이브로 접근할 수 있다. 구글드라이브와 구글드로잉은 무료이다. 아래 더보기를 클릭하면 그림에 나오듯이 구글드로잉에서 SVG이미지인 벡터를 만들 수 있다. 


- svg이미지 : 100배 확대 -

하지만 PNG이미지인 경우는 다르다. PNG를 10배 확대했더니 아래와 같이 보였다. 글자가 희미해지면서 계단현상이 보였다. PNG만 아니라 GIF, JPG 등도 마찬가지다. PNG, GIF, JPG 등은 확대하면 희미해지면서 계단현상이 보이므로 비트맵이미지인 래스터이미지라 한다.

컴퓨터 과학에서 래스터 그래픽스(Raster graphics) 이미지, 곧 비트맵은 일반적으로 직사각형 격자의 화소, 색의 점을 모니터, 종이 등의 매체에 표시하는 자료 구조이다. 래스터 이미지는 다양한 포맷의 그림 파일로 저장할 수 있다. - 출처 : 위키백과 

- png이미지 : 10배 확대 -

TV에서 신문기사를 소개해 줄 때 확대해도 흐려지고 안 깨지지만 어떤 곳은 깨져 보기 불편했다.  



티스토리 블로그를 포함하여 네이버블로그, 워드프레스, 구글블로그 등 SVG 이미지를 올릴 수 있는 블로그를 보지 못했다. HTML에 svg태그가 있는데 html에서 이미지를 삽입 태그인 <img src="이미지 주소" alt="">이런 것이 아닌 복잡한 태그였다. 그러니 설명하지 않으려 한다.  


위에서는 글자를 확대했는데 이번에는 텍스트가 아닌 이미지로 svg와 png를 확인해보려 한다. 아래 이미지는 아래와 같다는 것만 알았으면 한다. svg를 간단히 올릴 수 있었다면 좋았지만.... 설명에 파일형식은 중요하지 않다.


그러면 그림을 확대하면 아래와 같다. 위에서 적었듯 래스터이미지인 PNG, GIF, JPG 등은 확대하면 희미해지고 계단이 보인다고 적었다. 위 그림을 5배 확대했더니 아래 그림을 보듯 계단현상이 보인다. 


하지만 아래는 svg이미지인 벡터를 잉크스케이프로 연 후 5배 확대한 경우로 변화가 없다. 벡터이미지는 확대해도 희미하거나 계단현상이 보이지 않는다고 적었다. 벡터이미지를 5배가 아닌 100배 확대해도 변화가 없다. 크게 보여 불편할 뿐이다.


벡터이미지를 다루기 위해 어둠의 경로로 악성코드가 심어진 어도비 일러스트레이터를 다운 받아  내가 무엇을 하는지 모두 노출하지 말고 기업 및 개인에게 무료이면서 한글을 지원하는 깨끗한 잉크스케이프를 다운 받았으면 한다. 불법소프트웨어에 다운로드 받으면 1조가 넘는 금전적 및 정신적 피해를 입을 각오를 해야 한다. 아마 대부분을 불법소프트웨어를 다운로드 후 해커가 계좌에서 돈을 빼가야 정신을 차릴 것이다.

벡터이미지 편집기 - 잉크스케이프 다운로드


'정보/크리에이터' 관련된 글 MORE