SVG 파일을 여는 방법: 기본 측면. SVG 그래픽 형식 및 사용 위치
SVG(Scalable Vector Graphics)는 XML 마크업 언어로 작성된 매우 풍부하고 확장 가능한 벡터 그래픽 파일입니다. 이 확장 기능을 사용하여 개체의 내용을 보는 데 사용할 수 있는 소프트웨어 솔루션을 알아 보겠습니다.
Scalable Vector Graphics가 그래픽 형식이라는 점을 고려하면 이러한 개체를 보는 것은 주로 이미지 뷰어 및 그래픽 편집기에서 지원되는 것이 당연합니다. 그러나 이상하게도 여전히 드문 이미지 뷰어는 내장 기능에만 의존하여 SVG를 여는 작업에 대처합니다. 또한 연구된 형식의 개체는 일부 브라우저 및 기타 여러 프로그램을 사용하여 볼 수 있습니다.
방법 1: 김프
우선 무료 그래픽 편집기에서 연구 중인 형식의 그림을 보는 방법을 살펴보겠습니다.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-izobrazheniya-v-programme-Gimp.png)
방법 2: 어도비 일러스트레이터
지정된 형식의 이미지를 표시하고 변경할 수 있는 다음 프로그램은 다음과 같습니다.
![](https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-v-programme-Adobe-Illustrator.png)
방법 3: XnView
프로그램에서 연구 중인 형식으로 작업하는 이미지 뷰어에 대한 조사를 시작하겠습니다.
![](https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-v-programme-XnView.png)
XnView에서 SVG를 보는 또 다른 옵션이 있습니다. 이는 내장된 브라우저를 사용하여 수행됩니다.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-razdel-Kompyuter-v-programme-XnView.png)
방법 4: IrfanView
연구중인 그림의 유형을 보는 예를 사용하여 다음 이미지 뷰어는 다음과 같습니다. 명명된 프로그램에서 SVG를 표시하려면 CAD Image DLL 플러그인도 필요하지만 XnView와 달리 지정된 응용 프로그램에 초기에 설치되지 않습니다.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/08/Kopirovanie-fayla-CADImage.dll-iz-arhiva-v-direktoriyu-Plugins-programmyi-IrfanView.png)
다음에서 파일을 끌어서 놓으면 이 프로그램에서 사진을 볼 수 있습니다. "지휘자" IrfanView 쉘에.
방법 5: 오픈오피스 그리기
Office 제품군의 Draw 응용 프로그램에서도 SVG를 볼 수 있습니다.
![](https://i1.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-v-programme-OpenOffice.png)
파일을 OpenOffice 시작 셸로 끌어서 이미지를 볼 수도 있습니다.
Draw 셸을 통해 시작할 수도 있습니다.
![](https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-cherez-verhnee-gorizontalnoe-menyu-v-programme-OpenOffice-Draw.png)
방법 6: LibreOffice Draw
Scalable Vector Graphics는 Draw라는 이미지 편집 응용 프로그램이 포함된 Office 제품군인 OpenOffice에서도 지원됩니다.
![](https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-v-programme-LibreOffice.png)
또 다른 여는 방법은 파일 관리자에서 LibreOffice 시작 셸로 파일을 끌어오는 것입니다.
또한 LibreOffice에서는 앞서 설명한 이전 소프트웨어 패키지와 마찬가지로 Draw 셸을 통해 SVG를 볼 수 있습니다.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-cherez-verhnee-gorizontalnoe-menyu-v-programme-LibreOffice-Draw.png)
방법 7: 오페라
SVG는 여러 브라우저에서 볼 수 있으며 그 중 첫 번째 브라우저는 입니다.
![](https://i1.wp.com/lumpics.ru/wp-content/uploads/2017/08/Interfeys-brauzera-Opera.png)
방법 8: 구글 크롬
SVG를 표시할 수 있는 다음 브라우저는 입니다.
![](https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/08/Interfeys-brauzera-Google-Chrome.png)
방법 9: 비발디
SVG 보기 기능을 보기 위한 예시로 사용할 다음 웹 브라우저는 입니다.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-v-programme-Vivaldi.png)
방법 10: 모질라 파이어폭스
또 다른 널리 사용되는 브라우저인 에서 SVG를 표시하는 방법을 결정해 보겠습니다.
![](https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/08/Otkryitie-paneli-menyu-v-brauzere-Mozilla-Firefox.png)
방법 11: Maxthon
다소 특이한 방법으로 브라우저에서 SVG를 볼 수 있습니다. 사실 이 웹 브라우저에서는 그래픽 컨트롤을 통해서도, 단축키를 눌러도 열기 창을 활성화하는 것이 기본적으로 불가능합니다. SVG를 보는 유일한 옵션은 브라우저의 주소 표시줄에 이 개체의 주소를 입력하는 것입니다.
![](https://i1.wp.com/lumpics.ru/wp-content/uploads/2017/08/Kopirovanie-puti-k-faylu-SVG-cherez-kontekstnoe-menyu-v-Provodnike-Windows.png)
물론, 하드 드라이브에 로컬로 위치한 벡터 드로잉을 여는 이 옵션은 다른 브라우저보다 훨씬 불편하고 복잡합니다.
방법 12: 인터넷 익스플로러
또한 Windows 8.1 이상을 포함한 Windows 운영 체제용 표준 브라우저의 예를 사용하여 SVG를 보기 위한 옵션도 살펴보겠습니다.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/08/Perehod-v-okno-otkryitiya-fayla-s-pomoshhyu-verhnego-gorizontalnogo-menyu-v-brauzere-Internet-Explorer.png)
SVG가 벡터 이미지 형식이라는 사실에도 불구하고 대부분의 최신 이미지 뷰어는 추가 플러그인을 설치하지 않으면 이를 표시할 수 없습니다. 또한 모든 그래픽 편집기가 이러한 유형의 이미지를 작업하는 것은 아닙니다. 그러나 이 형식은 주로 인터넷에 사진을 게시하기 위해 만들어졌기 때문에 거의 모든 최신 브라우저에서 이 형식을 표시할 수 있습니다. 사실, 브라우저에서는 지정된 확장자를 가진 개체를 볼 수만 있고 편집할 수는 없습니다.
웹 페이지를 디자인하려면 정적 그래픽과 다양한 애니메이션 및 대화형 요소가 모두 필요합니다. 이는 첫째로 표시되는 정보를 더욱 매력적으로 만들고 둘째로 자료에 대한 더 나은 인식에 기여합니다.
그래픽 정보는 텍스트 정보보다 훨씬 느리게 전송되며 이미지 로딩 시간은 그래픽 파일의 크기에 직접적으로 영향을 받습니다. 따라서 웹 페이지의 빠른 로딩은 포함된 그래픽 이미지의 작은 크기를 전제로 합니다. 후자는 최적의 그래픽 파일 형식 선택과 최적화를 통해 달성되며, 페이지 로딩 속도와 페이지에 표시되는 이미지 품질 사이의 절충안을 찾는 작업입니다. 그러나 최적화 가능성은 무한하지 않으며 고품질 이미지는 크기가 큰 경향이 있으므로 작은 크기에서 고품질 웹 이미지를 구현하는 것은 여전히 큰 과제로 남아 있습니다.
그러나 문제는 크기와 품질에만 관한 것이 아닙니다. 웹 페이지 디자인을 개발하는 것은 디자이너가 다양한 유형의 그래픽 정보에 대해 필요하기 때문에 다양한 기술과 소프트웨어 제품을 알아야 하는 문제로 드러납니다. 다양한 파일 형식과 다양한 기술을 사용하여 생성합니다. 정적 그래픽의 경우 다양한 그래픽 패키지로 생성할 수 있는 GIF, JPG 또는 PNG 형식이 사용됩니다. 애니메이션 개체의 경우 애니메이션 GIF 및 Flash 형식이 사용되며 이러한 개체는 특수 소프트웨어 응용 프로그램(이러한 각 유형의 형식에 따라 다름)에서 개발됩니다. 대화형 요소(롤오버, ImageMap 링크 등)는 일반적으로 특수 응용 프로그램에서 생성되며 일련의 그래픽 이미지를 나타내며 이를 보완하는 HTML 코드가 있는 파일에서 연결이 설정됩니다.
이러한 문제에 대한 성공적인 해결책은 XML 언어를 기반으로 하는 SVG 그래픽 형식(Scalable Vector Graphics Scalable Vector Graphics)으로 전환하는 것입니다. 덕분에 모든 SVG 이미지를 일련의 명령줄로 표현할 수 있습니다(그림 1). , SVG 파일 자체는 메모장을 포함한 모든 텍스트 편집기에서 열 수 있습니다. 이 상대적으로 새로운 기술은 원래 Adobe가 웹용으로 특별히 개발했으며 오늘날 고품질의 정적, 애니메이션 및 대화형 그래픽 생성을 제공하여 모바일 장치에 큰 관심을 끌고 있습니다. 따라서 2003년 W3C 컨소시엄(http://www.w3.org/Graphics/SVG)에서 적극적으로 지원하고, SVG 1.1 표준이 W3C에서 권장사항으로 채택되었으며, 사양은 다음과 같다. 현재 SVG 1.2(http://www.w3.org/TR/SVG12/)가 개발 중입니다.
해당 이미지와 함께
SVG 기술을 사용하면 텍스트, 그래픽, 애니메이션 및 대화형 구성 요소를 하나의 형식으로 결합할 수 있으며 벡터 모양, 그림 및 텍스트의 세 가지 유형의 그래픽 이미지를 기반으로 합니다. 벡터 그래픽에서 관례적인 모양은 직선 및 곡선 윤곽선이나 그래픽 기본 요소(직사각형, 타원 등)로 표현되며 도면은 가져온 래스터 이미지입니다. 또한 SVG 형식은 다양한 유형의 애니메이션(GIF 및 Flash 애니메이션을 연상시키는)과 롤오버, 링크 맵 및 기타 탐색 요소와 같은 대화형 개체를 지원합니다. 그리고 이 표준은 XML 언어를 기반으로 하기 때문에 시각적 표시를 위한 요소와 함께 SVG 파일에도 다양한 메타데이터가 포함될 수 있습니다.
SVG 형식 사용의 장단점
SVG 형식을 사용하면 다른 그래픽 형식에서는 제공할 수 없는 웹 및 모바일 장치용으로 더 작고 빠르게 로드되는 고품질의 다용도 그래픽을 개발할 수 있습니다. SVG 그래픽 형식의 주요 장점은 다음과 같습니다.
- SVG 형식의 벡터 특성으로 인해 크기에 관계없이 이미지 품질이 향상됩니다. 디스플레이의 크기에 따라 화질 저하 없이 이미지를 무한정 축소 또는 확대할 수 있어(그림 2), 이를 통해 다양한 유형의 장치(데스크톱, 포켓 컴퓨터 등)에서 고품질의 그래픽 정보 이미지를 얻을 수 있습니다. ) 또한 개별 세부 사항을 보다 주의 깊게 조사할 수 있게 해주며 이는 예를 들어 기술 도면 작업 시 중요합니다.
- GIF, JPG, PNG 및 애니메이션 GIF 형식에 비해 파일 크기가 훨씬 작으며 Flash 형식의 경우 훨씬 더 작습니다. 예를 들어 기사에 대해 테스트한 GIF 파일이 LZW 압축 모드로 압축된 경우 26KB라면 해당 SVG 파일의 크기는 1220바이트가 되고 SVGZ 형식으로 압축하면 685바이트에 불과합니다.
하지만 그 뿐만이 아닙니다. 웹을 그래픽으로 표현하는 기존 옵션과 비교할 때 SVG 형식을 사용하면 부인할 수 없는 다른 많은 이점이 있습니다.
따라서 개발자에게 중요한 이점은 다음과 같습니다.
- 정적, 애니메이션 및 대화형 요소를 하나의 형식으로 결합하는 기능은 물론 벡터 및 래스터 개체의 조합도 가능합니다.
- 커닝, 곡선 텍스트 및 무제한 글꼴 사용을 포함한 향상된 텍스트 처리;
- 색상 정확도를 보다 효율적으로 제어하고 웹 이미지에서 고해상도 그라데이션 채우기, 그림자, 필터 등을 사용할 수 있는 가장 넓은 가능성을 제공합니다.
- SVG 형식의 텍스트 특성과 CSS 스타일 시트 지원. 웹 사이트 업데이트 프로세스를 크게 단순화하고 필요한 경우 특수 프로그램을 사용하지 않고도 웹 사이트를 변경할 수 있습니다.
- XML(Extensible Markup Language) 및 CSS(Cascading Style Sheets) 표준을 기반으로 구축된 데이터베이스와의 통합을 통해 데이터베이스에 SVG 이미지를 저장하고 이를 사용하여 동적 웹 페이지를 생성할 수 있습니다(플랫폼, 개인 설정 등에 따라 다름). d. ;
- 인덱싱 문제 없음 SVG 파일은 SWF 파일과 달리 모든 검색 엔진에서 인덱싱됩니다.
사용자는 고품질의 빠른 로딩 SVG 콘텐츠를 즐길 수 있습니다. 또한 SVG 이미지에 있는 텍스트를 복사하여 유용한 정보를 직접 저장할 수 있을 뿐만 아니라 이미지에서 텍스트를 검색할 수도 있습니다. 이는 예를 들어 검색할 때 매우 필요할 수 있습니다. 지도나 도면에 원하는 이름을 적습니다.
그러나 평소와 같이 SVG 기술에는 장점과 함께 단점도 있으며 매우 심각한 단점도 있습니다.
- SVG 이미지는 인터넷 브라우저 제조업체에서 제대로 지원하지 않습니다. 결과적으로 브라우저에서 SVG 그래픽을 보려면 사용자는 Adobe의 SVG Viewer와 같이 이 기능을 제공하는 타사 플러그인을 추가로 설치해야 합니다. 이론적으로 이것은 어렵지 않습니다. 해당 플러그인은 설치가 쉽고, 무료이며, 크기가 작으며, 인터넷에서 빠르게 다운로드할 수 있습니다. 실제로는 대부분의 인터넷 사용자가 이러한 기능의 존재를 인식하지 못하여 플러그인 없이는 이러한 유형의 그래픽을 볼 수 없기 때문에 모든 것이 훨씬 더 복잡한 것으로 나타났습니다. 그러나 상황은 점차 변하고 있으며 지난 해 두 명의 주요 웹 브라우저 개발자가 SVG 형식에 대한 지원을 도입했습니다. 지난 봄, Opera Software는 SVG 1.0 Tiny를 지원하는 Opera 브라우저 버전 8을 출시했습니다. 조금 후에 등장한 Opera 9.0 버전에서는 SVG 1.0 기본 형식에 대한 부분 지원이 구현되었습니다. SVG 지원을 포함하는 두 번째 개발자는 Mozilla Organization입니다. 1.1 사양의 SVG 그래픽 보기를 제공하는 Mozilla SVG 프로젝트 모듈이 Firefox 1.5 브라우저에 포함되었습니다. 또한 2005년 중반에 Mac OS X를 실행하는 컴퓨터에서 작동하는 Safari 브라우저 개발자는 SVG 1.1에 대한 지원을 도입하기 위한 적극적인 작업을 시작했습니다.
- Adobe Illustrator, Corel DRAW 등과 같은 주요 그래픽 패키지를 사용하면 그래픽을 SVG 파일로 내보낼 수 있지만 다른 그래픽 형식과 비교할 때 SVG 형식은 여전히 그래픽 소프트웨어 개발자의 지원이 부족합니다. 물론 SVG 파일은 어떤 텍스트 편집기에서든 생성할 수 있지만 이는 개발 속도와 비용 측면에서 실용적이지 않습니다. 필요한 경우 텍스트 편집기에서 파일을 편집하는 것이 편리하지만(단, XML 기술에 대한 깊은 지식이 있는 경우에만 가능함), 처음부터 새로 만드는 것은 과도한 시간과 노력이 필요하므로 현명하지 않습니다. 이를 위해서는 동일한 환경에서 이미지에 해당하는 프로그램 코드를 편집할 수 있는 기능과 함께 Scalable Vector Graphics 형식의 그래픽을 신속하게 시각적으로 개발할 수 있는 간단하고 편리한 도구가 필요하지만 그러한 제품은 거의 없으며 그렇지 않습니다. 잘 알려져 있습니다.
결과적으로 매우 슬픈 상황이 발생합니다. 웹 브라우저에서 적절한 수준의 지원이 부족하여 많은 사용자가 아직 SVG 그래픽을 볼 수 없으며, 웹 개발자는 SVG 그래픽이 얼마나 매력적이더라도 실제로 SVG 그래픽을 개발하지 않습니다. 소프트웨어 개발자는 특히 SVG에 초점을 맞춘 다양한 애플리케이션으로 웹 디자이너를 만족시키지 않습니다. 결과는 악순환입니다. "콘텐츠가 없으면 사람들은 SVG 구현이 필요하지 않고, 구현이 없으면 콘텐츠가 없습니다." 이것이 바로 W3C 컨소시엄 중 하나에서 상황이 설명된 방식입니다. 회의.
그러나 다른 측면에서 상황을 볼 수 있습니다. 두 가지 인기 있는 인터넷 브라우저의 SVG 지원(아직 완전하지는 않지만)과 유명 개발자의 기술에 대한 관심은 "얼음이 깨졌다"고 제안합니다. SVG는 웹 정보를 표시하는 데 널리 사용되는 형식 중 하나가 될 수 있는 기회가 실제로 있습니다. 이미지 크기와 품질에 대한 요구 사항이 훨씬 더 높은 모바일 장치와 관련하여 SVG 기술에 대한 관심이 높아지면서 이러한 가능성이 높아지고 있습니다. 예를 들어 Opera Software는 먼저 데스크톱에서 SVG 형식에 대한 완전한 지원을 구현한 다음 이를 모바일 플랫폼으로 전송할 계획입니다. 따라서 웹 디자이너는 SVG 사용에 대해 생각해야 할 때입니다. 그렇지 않으면 가까운 미래에 뒤쳐질 위험이 있습니다.
SVG 그래픽을 보기 위한 플러그인
이미 언급했듯이 현재 대부분의 사용자는 인터넷 브라우저 창에서 SVG 그래픽 전체를 보려면 적합한 플러그인 중 하나를 사용해야 하며, 그 중 가장 유명한 것은 무료 Adobe SVG 뷰어 및 Corel SVG 뷰어 모듈입니다. 그 중 첫 번째인 Adobe SVG Viewer는 별도의 응용 프로그램으로 제공되며 작고 편리하며 다양한 플랫폼에서 작동하고 수많은 인터넷 브라우저를 지원하므로 사용자들 사이에서 훨씬 더 인기가 있습니다. Corel SVG Viewer 응용 프로그램은 Corel Smart Graphics Studio 패키지에 포함되어 있지만 프리웨어로도 사용 가능합니다.
SVG 그래픽을 보기 위한 다른 옵션이 있습니다. 예를 들어 Amaya(http://www.w3.org/Amaya/), Apache Batik(http://xml.apache.org/)의 해당 모듈을 사용할 수 있습니다. batik) 패키지, KDE KSVG(http://www.kde.org) 등. SVG 이미지 보기를 제공하는 전체 응용 프로그램 목록은 http://wiki.svg.org/Viewer_Implementations에 나와 있습니다.
어도비 SVG 뷰어
개발자:어도비 시스템즈, Inc.
분포 크기: 2.25MB
배포 방법:프리웨어(http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)
가격:무료로
통제된 작업: 윈도우 95/98/Me/NT/2000/XP, 맥 OS 8.6/9/X, 리눅스, 솔라리스
브라우저 지원: Internet Explorer 4.0 이상, Netscape Navigator 또는 Communicator 4.5~4.78(6.x 제외)
코렐 SVG 뷰어
개발자:코렐 주식회사
분포 크기: 4.9MB
배포 방법:프리웨어(모듈은 다음에서 다운로드할 수 있습니다: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)
가격:무료로
통제된 작업:윈도우 98/NT/2000/Me/XP
브라우저 지원: Microsoft Internet Explorer 5.5 이상, Netscape Navigator 또는 Communicator 버전 4.79, 7.02
SVG 그래픽 생성 프로그램
SVG 그래픽을 생성하는 모든 프로그램은 세 개의 큰 그룹으로 나눌 수 있습니다. 첫 번째에는 벡터 그래픽 작업에 중점을 두고 동시에 이미지를 SVG 형식으로 내보낼 수 있는 인기 있는 2차원 그래픽 패키지가 포함되어 있습니다. 그 중 가장 인기 있는 것은 Adobe Illustrator와 CorelDRAW입니다. 또한 이러한 내보내기는 AutoCAD, Microsoft Visio 등과 같은 다른 많은 응용 프로그램을 지원합니다. 이 응용 프로그램 그룹의 가장 큰 장점은 벡터 이미지를 생성하기 위한 고급 도구가 있고 사용을 통해 고유한 효과를 얻을 수 있다는 것입니다. 투명도, 그라데이션 채우기, 다양한 필터 등. 그러나 이러한 응용 프로그램은 심각한 특수 교육이 필요하므로 주로 전문 디자이너를 위해 설계되었습니다. 또한 편리한 시각적 생성 및 이미지 표시를 제공하면서 대체로 SVG 디자인에 중점을 두지 않지만(확장 가능한 벡터 그래픽 형식의 그래픽을 얻을 수는 있지만) 이러한 응용 프로그램은 텍스트에서 조정할 수 없습니다. SVG 그래픽과 관련된 수준입니다. Scalable Vector Graphics 형식에 대한 지원이 완전히 구현되지 않았기 때문에 모든 벡터 이미지 요소를 오류 없이 SVG로 내보낼 수 없다는 점도 중요합니다.
두 번째 소프트웨어 제품 그룹은 SVG 그래픽 생성 전용으로 설계된 패키지로 구성됩니다. 필요한 모든 도구가 포함되어 있지만 벡터 이미지의 시각적 개발 측면에서 기능이 훨씬 적습니다. 그러나 소스 코드 편집을 위한 편리한 도구를 제공하고 시각적으로나 코드 수준에서 SVG 개체를 병렬로 작업할 수 있게 하며 정보 표시를 위해 이러한 옵션 간에 쉽게 전환할 수 있습니다. 이 그룹의 모든 응용 프로그램은 매우 간단하고 액세스 가능하며 학습하는 데 많은 시간이 필요하지 않습니다. 또한 (첫 번째 그룹의 응용 프로그램에 비해) 배포량이 상대적으로 적기 때문에 인터넷을 통해 문제없이 구입할 수 있습니다. 그러나 이러한 기능을 갖춘 프로그램은 거의 없으며 아래에서는 가장 관심을 갖고 다양한 범주의 사용자를 위해 설계된 네 가지 프로그램만 자세히 살펴보겠습니다. SVG 그래픽 생성에 사용할 수 있는 전체 응용 프로그램 목록은 http://wiki.svg.org/Design_Tools에서 찾을 수 있습니다.
마지막으로 세 번째 그룹에는 일반 메모장을 포함한 모든 텍스트 편집기가 포함될 수 있습니다. 위에서 언급한 것처럼 Scalable Vector Graphics 형식은 XML 언어를 기반으로 하며 필요한 경우 텍스트 편집기의 텍스트 수준에서 SVG 파일을 만들고 편집할 수 있습니다.
SVG 그래픽을 생성할 수 있는 모든 기능을 갖춘 그래픽 애플리케이션
어도비 일러스트레이터 CS2
개발자:어도비 시스템즈, Inc.
분포 크기: Macintosh 버전 428.9MB, Windows 버전 398.6MB
배포 방법:셰어웨어(패키지의 30일 데모 버전은 http://www.adobe.com/products/tryadobe/main.jsp#product=27에서 제공됩니다.)
가격:$665
통제된 작업:서비스 팩 3이 설치된 Windows 2000 또는 Windows XP, Mac OS X 버전 10.2.4~10.2.7, Java Runtime Environment 1.4.1
버전 9부터 Adobe Illustrator(그림 3)는 유사한 그래픽 응용 프로그램에 비해 훨씬 더 높은 수준에서 SVG 파일 가져오기 및 내보내기를 구현했습니다. 이 패키지는 기존의 모든 SVG 사양, ISO 8859-1, UTF-8 및 UTF-16 인코딩, 다양한 텍스트 내보내기 옵션을 지원하며 일반 SVG 형식과 압축된 SVGZ로 이미지를 내보낼 수 있습니다.
해당 환경에서 생성된 SVG 그래픽에서는 그라디언트, 투명도는 물론 다양한 그림자, 흐림 등의 형태로 특별히 디자인된 일련의 SVG 효과(효과=>SVG 필터)를 사용할 수 있습니다. 이러한 효과가 있는 이미지는 그대로 유지됩니다. 확대하여 웹 브라우저에서 보면 선명합니다. 정적 그래픽 외에도 Illustrator에서는 이러한 목적으로 대화형 그래픽을 SVG 형식으로 생성할 수 있으며, 대화형 개체에 대한 작업을 수행하는 특수 SVG 상호 작용 팔레트(창=>SVG 상호 작용 메뉴에서 열 수 있음)가 제공됩니다. 지정됩니다. Illustrator에서 대화형 SVG 요소를 작업하려면 Java 스크립트에 대한 지식과 객체 지향 프로그래밍의 기본 원칙에 대한 이해가 필요하다는 점은 주목할 가치가 있습니다. 또한 이 프로그램의 Scalable Vector Graphics 형식을 사용하면 동적 데이터 기반 그래픽을 만들 수 있습니다.
CorelDRAW 그래픽 제품군 12
개발자:코렐 주식회사
분포 규모티바: 200MB
배포 방법:셰어웨어(데모 버전은 온라인 상점 사이트(예: http://allsoft.ru/Download.php?ver=17605)에서 다운로드할 수 있습니다.)
가격:$290 (Allsoft.ru)
통제된 작업:윈도우 NT/2000/XP
CorelDRAW Graphics Suite 12에 포함된 전문 벡터 그래픽 개발용으로 잘 알려진 응용 프로그램인 CorelDRAW(그림 4)는 기본 수준에서 SVG 및 SVGZ 형식으로 가져오기 및 내보내기를 제공하므로 정적 및 대화형 그래픽을 만드는 데 사용할 수 있습니다. SVG 그래픽.
CorelDRAW의 SVG 파일로
이 애플리케이션은 인식할 수 없는 데이터, 속성 및 메타데이터를 지원하며 내보내기 전에 브라우저에서 SVG 파일을 미리 볼 수 있는 기능도 제공합니다. 또한 UTF-8 및 UTF-16 인코딩 방법에 대한 유니코드 인코딩이 가능하며 텍스트 및 비트맵 이미지 내보내기를 위한 다양한 옵션도 가능합니다. 최신 버전에서는 기호, 텍스트, 그림자, 윤곽선, 레이어, 내장된 바이너리 이미지 등 내보내기에 대한 지원이 크게 향상되었습니다.
마유라 드로우 4.3
개발자:마유라 소프트웨어
분포 크기: 1.3MB
배포 방법:셰어웨어(데모 버전 http://www.mayuradraw.com/mdraw.zip)
가격:$39
통제된 작업:윈도우 95/98/Me/NT/2000/XP
Mayura Draw(그림 5)는 일반 사용자를 위해 설계된 매우 간단하고 저렴한 벡터 그래픽 생성 프로그램입니다. 원하는 경우 결과 벡터 이미지를 SVG 형식으로 내보낼 수 있으므로 Mayura Draw는 정적 SVG 그래픽 개발을 위한 가능한 솔루션이 될 수 있습니다. 이 프로그램은 모든 기본 벡터 그래픽 도구를 지원하며 그래픽 기본 요소, 선형 및 곡선 윤곽선 및 텍스트를 기반으로 벡터 이미지를 얻을 수 있습니다. 기능 목록에는 개체 정렬, 배포 및 구성, 투명도 관리, 개체의 정확한 배치를 위한 안내선 및 눈금자 사용 및 다양한 변형을 위한 편리한 수단이 포함됩니다.
SVG 그래픽 생성을 위한 전문 패키지
EvolGrafiX XStudio 6.1
개발자: EvolGrafiX
분포 크기: 7.25MB
배포 방법: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)
가격:$449 상업용 라이센스, $249 학술 라이센스
통제된 작업:윈도우 2000/XP
전문 패키지 XStudio(그림 6)는 웹 및 모바일 장치용 다양한 SVG 그래픽을 생성하기 위한 편리한 도구이며 SVG 프로젝트 전체와 벡터 이미지, 애니메이션, 스크립트 등에 대한 완전한 제어를 제공합니다. 편리하고 직관적이고 쉽게 사용자 정의할 수 있는 사용자 인터페이스를 갖추고 있으며 다양한 도구를 제공하고 빠르며 모든 기존 사양의 SVG 그래픽을 생성할 수 있으며 모든 확장 가능한 벡터 그래픽 스타일을 지원합니다. 이 모든 것이 전문 패키지에 비해 상대적으로 저렴한 가격과 결합되어 동종 최고의 전문 솔루션으로 간주됩니다. XStudio에는 일련의 튜토리얼이 지원되는 자세한 문서가 함께 제공되며 배우기 쉽습니다.
쌀. 6. 시각적 이미지 생성과 소스 코드 편집 결합
EvolGrafiX XStudio에서
이 응용 프로그램은 벡터 이미지를 생성하고 처리하는 데 필요한 모든 기능을 갖추고 있으며 이 점에서 Adobe Illustrator 패키지와 매우 유사합니다. 동시에 XStudio는 정적, 대화형 및 애니메이션 SVG 그래픽 준비에 직접적으로 초점을 맞추고 있으므로 벡터 객체 작업을 위한 클래식 도구와 함께 특정 SVG 기능으로 보완됩니다. 내장된 DOM(문서 개체 모델) 도구 모음은 SVG 개체의 계층적 표현을 제공하고, 편리한 XML 편집기를 사용하면 텍스트 수준에서 소스 코드를 수정할 수 있으며, 스크립트 편집기를 사용하면 Java 스크립트로 소스 코드를 보완할 수 있습니다. 코드 작업은 매우 편리하게 구성됩니다. 선택한 개체의 코드 조각이 자동으로 강조 표시되고, 텍스트 검색 및 북마크 설정 등이 가능합니다. 모든 코드 변경 사항은 시각적 보기 창에 즉시 반영되고 시각적 변경 사항은 편집기 창.
잉크스케이프
개발자: IOSN(국제오픈소스네트워크) 국제오픈소스네트워크
분포 크기: 8.7MB
가격:무료로
통제된 작업:윈도우 9x/NT/2000/XP, 맥 OS X, 리눅스
Inkscape(그림 7)는 멀티 플랫폼이자 Scalable Vector Graphics 표준에 따라 그래픽을 개발하기 위한 강력한 도구인 오픈 소스 모델을 기반으로 하는 가장 유망한 벡터 편집기입니다. 벡터 이미지 작업 기능과 인터페이스 측면에서 Inkscape는 CorelDRAW와 매우 유사합니다. 알파 채널, 레이어 작업, 흐르는 텍스트 사용, 화려한 그라데이션 채우기, 수많은 필터 및 효과, 다양한 변형, 윤곽선 및 개체를 사용한 편리한 작업, 개체 그룹화 등을 지원합니다. JPEG, PNG 및 TIFF 파일에서 데이터를 가져와서 SVG 이미지에 포함할 수 있습니다.
내장 Inkscape 편집기
그러나 CorelDRAW와 달리 Inkscape는 SVG 디자이너를 위한 응용 프로그램으로 자리 잡았으므로 고전적인 시각적 그래픽 생성과 함께 내장된 텍스트 편집기에서 XML 코드를 직접 처리하는 기능을 제공합니다. 프로그램은 일반 및 압축 SVG 파일로 이미지를 저장하도록 구성되어 있지만 원하는 경우 일반 벡터 및 래스터 형식으로 변환할 수 있습니다.
Inkscape 패키지는 편리한 Russified 인터페이스를 가지고 있으며 배우기 쉽고 다양한 사용 예를 포함한 훌륭한 도움말 시스템이 함께 제공되며 또한 이 응용 프로그램은 무료입니다. 이 모든 것이 광범위한 사용자에게 매우 매력적입니다. . 프로그램의 주요 단점은 낮은 작동 속도와 시스템 리소스에 대한 요구 사항이 증가한다는 것입니다.
코렐 웹드로
개발자:코렐 주식회사
분포 크기: 15.6MB
배포 방법:셰어웨어(30일 데모 http://www5.jasc.com/pub/wdw102ev.exe)
가격:다운로드 버전 179달러, CD 버전 199달러
통제된 작업:윈도우 98/NT4/2000/Me/XP
Jasc WebDraw로 더 잘 알려진 Corel WebDraw(그림 8)는 전문 디자이너를 대상으로 하는 고품질 SVG 그래픽 및 애니메이션을 제작하기 위한 포괄적인 솔루션입니다. 그리고 프로그램의 직관적인 인터페이스는 다양한 사용자에게 매력적입니다.
이 애플리케이션은 모든 기능을 갖춘 벡터 그래픽 애플리케이션에 일반적으로 사용되는 광범위한 표준 그래픽 도구 세트(기본 모양(타원, 직사각형, 별 등), 펜, 다각형, 폴리라인, 텍스트 등)를 제공합니다. 벡터 개체와 함께 WebDraw를 사용하면 외부 래스터 이미지로 SVG 개체를 보완할 수 있습니다. 일반 채우기 및 기성 스타일 오버레이 외에도 직접 만든 패턴을 포함하여 복잡한 그라디언트, 채우기를 사용할 수 있습니다. 보다 효과적인 이미지를 얻으려면 매우 간단한 필터(흐림 및 그림자)와 복잡한 필터(텍스처링 및 조명)를 모두 사용할 수 있습니다. 그리드, 안내선 및 눈금자는 개체를 정확하게 배치하는 데 도움이 되며 내장된 DOM(문서 개체 모델) 도구 모음은 SVG 개체를 계층적 트리 보기로 표시하여 관리가 용이합니다.
WebDraw는 SVG DOM(문서 개체 모델)을 기반으로 구축된 범용 애니메이션 스토리보드 라인인 애니메이션 타임라인을 갖추고 있어 언제든지 모든 유형의 개체의 거의 모든 속성 또는 속성을 선택하고 애니메이션화할 수 있습니다. . 드래그 앤 드롭 메커니즘을 사용하면 애니메이션의 시작 및 끝 지점은 물론 각 애니메이션 단계의 지속 시간을 타임라인에서 직접 편집할 수 있습니다. 개체의 속성이나 속성에 대한 애니메이션 매개변수를 설정할 때마다 애니메이션 키타임이 삽입되므로 스토리보드의 다른 영역으로 전송하여 시간 경과에 따른 애니메이션 효과의 분포를 자동으로 조정할 수 있습니다.
이 패키지를 사용하면 시각적으로 표시되는 그래픽 개체 세트와 해당 소스 코드의 두 가지 버전으로 SVG 그래픽 작업을 할 수 있습니다. 내장된 SVG 파일 텍스트 편집기에서 소스 코드를 편집하면 파일 콘텐츠에 대한 추가적인 유연성과 제어 기능이 제공됩니다. 소스 코드의 변경 사항을 자동으로 검사하면 생성된 그래픽의 올바른 동작을 보장하는 데 도움이 되며 발견된 오류는 색상으로 표시되므로 디자이너가 수백 줄의 코드를 검색하는 데 몇 시간을 절약할 수 있습니다. 소스 코드 변경 결과가 즉시 화면에 표시됩니다. 원하는 경우 다른 응용 프로그램에서 생성된 SVG 파일을 WebDraw로 가져오고 편집하고 최적화할 수 있습니다.
Sketsa SVG 편집기 3.2.3
개발자:키윳
분포 크기: 5.99MB
배포방법: 셰어웨어(이미지에 태그를 추가하는 데모, http://www.kiyut.com/products/sketsa/sketsa.zip)
가격:$49
통제된 작업: Windows 2000/XP, Java VM(JRE) 1.5 이상(http://www.java.com/getjava), UNIX 및 Linux
Sketsa 응용 프로그램(그림 9)은 가장 널리 사용되는 SVG 편집기 중 하나이며 SVGZ 형식의 최적화를 포함하여 전문적인 SVG 그래픽을 만들 수 있습니다. 이 패키지는 단순성과 사용 편의성을 다양한 기능과 성공적으로 결합했으며 Windows, Mac 및 Linux 시스템과 호환됩니다.
Sketsa는 모든 벡터 응용 프로그램에 일반적으로 사용되는 고전적인 도구 세트를 지원하므로 원하는 경우 래스터 이미지로 쉽게 보완할 수 있는 윤곽선과 그래픽 기본 요소 및 텍스트를 기반으로 모든 벡터 객체를 생성하고 변환할 수 있습니다. 투명도를 제어하고 그라데이션 채우기 및 필터를 사용할 수 있습니다. 이 모든 것은 시각적으로뿐만 아니라 텍스트 모드에서도 모든 이미지를 편집할 수 있는 특수 SVG 기능으로 성공적으로 보완됩니다. SVG 코드를 편집하기 위해 패키지는 내장된 XML 텍스트 편집기를 제공합니다. 개체를 쉽게 관리할 수 있도록 SVG 문서의 계층적 트리형 개체 집합인 DOM(문서 개체 모델) 도구 모음이 내장되어 있습니다. 이 도구 모음을 사용하면 문서 개체를 선택하여 해당 속성을 편집할 수 있습니다.
발표
SVG 벡터 이미지 파일 형식
SVG 파일은 XML 기반 2D 벡터 이미지입니다. SVG 형식 사양은 제3자에게 공개됩니다. W3C(World Wide Web Consortium)에서 개발했습니다. SVG 형식은 상호 작용 및 애니메이션을 지원하며 사용자가 이미지를 검색, 색인화 및 압축할 수 있도록 합니다. SVG 파일은 XML 파일이기 때문에 텍스트 편집기로 열고 만들고 편집할 수 있지만 이러한 파일을 만드는 데 가장 널리 사용되는 프로그램은 그래픽 편집기입니다. 대부분의 웹 브라우저는 어느 정도 SVG 파일 표시를 지원합니다. 또한 SVG 파일을 사용하면 무손실 데이터 압축이 가능합니다. 여기에는 래스터, 벡터 이미지 및 텍스트가 포함될 수 있습니다. 2001년에는 모바일 장치 사용자가 SVG 파일을 열고 볼 수 있는 SVG Mobile 버전 1.1이 출시되었습니다.
SVG 파일에 대한 기술 정보
SVG 형식은 XML 형식을 사용하여 온라인 사용을 위한 벡터 그래픽의 사용을 정의합니다. 크기 조정 및 크기 조정은 이미지 품질에 영향을 미치지 않습니다. SVG 파일의 모든 부분과 섹션에 애니메이션을 적용할 수 있습니다. W3C 표준(DOM 및 XSL 포함)은 W3C 컨소시엄에서 권장하는 대로 SVG 형식에 포함됩니다. 래스터 이미지와 달리 벡터 그래픽(특히 SVG 파일)은 고정된 모양 세트로 구성되므로 품질 저하 없이 확대하고 크기를 조정할 수 있습니다. SVG 파일을 사용하면 복잡한 그래픽 요소를 사용할 수 있습니다. 또한 CSS 스타일과 호환되므로 더 높은 수준의 사후 편집이 가능합니다.