Programy pro práci s SVG ↓. Jaká je přípona souboru SVG? Obecný popis rozšíření

K návrhu jakékoli webové stránky potřebujete jak statickou grafiku, tak různé animované a interaktivní prvky, které za prvé zatraktivňují informace na ní prezentované a za druhé přispívají k lepšímu vnímání materiálu.

Grafické informace se přenášejí mnohem pomaleji než textové informace a doba načítání obrázků je přímo závislá na velikosti jejich grafických souborů, takže rychlé načítání webových stránek vyžaduje malou velikost grafických obrázků v nich vložených. Toho je dosaženo optimální volbou formátu grafického souboru a také optimalizací, jejímž úkolem je najít kompromis mezi rychlostí načítání stránky a kvalitou obrázků na ní prezentovaných. Možnosti optimalizace však nejsou neomezené a vysoce kvalitní obrázky bývají velké, takže dosažení vysoce kvalitních webových obrázků v malých velikostech zůstává velkou výzvou.

Otázkou však není pouze velikost a kvalita – vývoj designu pro webovou stránku se ukazuje jako záležitost, která vyžaduje, aby designér znal širokou škálu různorodých technologií a softwarových produktů, protože pro různé typy grafických informací je potřeba používat různé formáty souborů a různé technologie pro jejich tvorbu. Pro statickou grafiku se používají formáty GIF, JPG nebo PNG, které lze vytvořit v různých grafických balíčcích. Pro animované objekty se používají animační formáty GIF a Flash a takové objekty jsou vyvíjeny ve specializovaných softwarových aplikacích (specifických pro každý z těchto typů formátů). Interaktivní prvky (rollovery, odkazy na ImageMap atd.) jsou také zpravidla vytvářeny ve specializovaných aplikacích a představují sadu grafických obrázků, mezi nimiž je navázáno spojení v souboru s HTML kódem, který je doplňuje.

Úspěšným řešením těchto problémů by mohl být přechod na grafický formát SVG (Scalable Vector Graphics škálovatelná vektorová grafika), založený na jazyce XML, díky němuž lze libovolný obrázek SVG reprezentovat sadou příkazových řádků (obr. 1). a samotný soubor SVG lze otevřít v libovolném textovém editoru, včetně poznámkového bloku. Tato relativně nová technologie byla původně vyvinuta společností Adobe speciálně pro web a dnes se těší velkému zájmu pro mobilní zařízení a poskytuje tvorbu vysoce kvalitní statické, animované a interaktivní grafiky. Proto není divu, že je v roce 2003 aktivně podporován konsorciem W3C (http://www.w3.org/Graphics/SVG), standard SVG 1.1 byl přijat W3C jako doporučení a specifikace je aktuálně vyvíjený SVG 1.2 (http://www.w3.org/TR/SVG12/).

s odpovídajícím obrázkem

Technologie SVG umožňuje kombinovat text, grafiku, animace a interaktivní komponenty v jednom formátu a je založena na třech typech grafických obrázků: vektorové tvary, obrázky a text. Tvary, jak je ve vektorové grafice zvykem, jsou reprezentovány buď přímočarými a křivočarými obrysy, nebo grafickými primitivy (obdélníky, elipsy atd.) a kresby jsou importované rastrové obrázky. Formát SVG navíc podporuje různé typy animovaných (připomínajících GIF a Flash animace) a interaktivních objektů, jako jsou rollovery, mapy odkazů a další navigační prvky. A jelikož je tento standard založen na jazyku XML, může soubor SVG spolu s prvky určenými pro vizuální zobrazení obsahovat i různá metadata.

Výhody a nevýhody použití formátu SVG

Použití formátu SVG vám umožňuje vyvíjet menší, rychleji se načítající, vysoce kvalitní a všestrannou grafiku pro web a mobilní zařízení, kterou žádný jiný grafický formát nemůže poskytnout. Mezi hlavní výhody grafického formátu SVG patří:

• vysoká kvalita obrázků bez ohledu na jejich velikost, což je vysvětleno vektorovou povahou formátu SVG. Obrázky lze neomezeně zmenšovat nebo zvětšovat bez ztráty kvality (obr. 2) v souladu s velikostí displeje, což umožňuje získat vysoce kvalitní obrázky grafických informací na různých typech zařízení (stolní počítače, kapesní počítače atd.). ), a také umožňuje pečlivější zkoumání jednotlivých detailů, což je důležité například při práci s technickými výkresy;
• mnohem menší velikost souboru ve srovnání s formáty GIF, JPG, PNG a animace GIF a ještě více s formátem Flash. Pokud byl například soubor GIF testovaný pro článek, komprimovaný v režimu komprese LZW, 26 KB, pak velikost odpovídajícího souboru SVG zabrala 1220 bajtů a při komprimaci do formátu SVGZ to bylo pouze 685 bajtů.

Ale není to jen tak. Ve srovnání s tradičními možnostmi grafického znázornění webu má použití formátu SVG mnoho dalších nepopiratelných výhod.

Pro vývojáře jsou tedy důležité výhody:

• schopnost kombinovat statické, animované a interaktivní prvky v jednom formátu, stejně jako kombinace vektorových a rastrových objektů;
• vylepšené zpracování textu, včetně vyrovnání párů, zakřiveného textu a neomezeného používání písem;
• efektivnější kontrola přesnosti barev a nejširší možnosti použití přechodových výplní s vysokým rozlišením, stínů, filtrů atd. ve webových obrázcích;
• textová povaha formátu SVG a jeho podpora pro kaskádové styly, což výrazně zjednodušuje proces aktualizace webové stránky a umožňuje v případě potřeby provádět změny bez použití speciálních programů;
• integrace s databázemi postavenými na standardech XML (Extensible Markup Language) a CSS (Cascading Style Sheets), což umožňuje ukládat obrázky SVG do databáze a vytvářet s jejich pomocí dynamické webové stránky – různé pro různé platformy, osobní nastavení atd. d. ;
• žádné problémy s indexováním Soubory SVG jsou indexovány všemi vyhledávači (na rozdíl například od souborů SWF).

Uživatelé si užijí vysoce kvalitní obsah SVG s rychlým načítáním. Kromě toho je možné zkopírovat text umístěný na obrázku SVG, a uložit si tak některé užitečné informace pro sebe, stejně jako vyhledávat text v obrázku, což může být v některých případech extrémně nutné, například při hledání požadované jméno na mapě nebo kresbě.

Jak už to ale bývá, kromě výhod má technologie SVG i nevýhody, a to velmi závažné.

• Výrobci internetových prohlížečů nepodporují obrázky SVG. Výsledkem je, že pro zobrazení grafiky SVG z prohlížeče jsou uživatelé nuceni dodatečně nainstalovat plugin třetí strany, který tuto možnost poskytuje, například SVG Viewer od Adobe. Teoreticky to není obtížné, odpovídající pluginy se snadno instalují, jsou zdarma, mají malou velikost a lze je rychle stáhnout z internetu. V praxi je vše mnohem složitější, protože většina uživatelů internetu o existenci těchto schopností neví, a proto si tento typ grafiky nemohou prohlédnout, bez pluginu to prostě není vidět. Situace se však postupně mění a v uplynulém roce dva přední vývojáři webových prohlížečů zavedli podporu formátu SVG. Opera Software na jaře vydala verzi 8 prohlížeče Opera, který podporuje SVG 1.0 Tiny; ve verzi Opery 9.0, která se objevila o něco později, byla implementována částečná podpora formátu SVG 1.0 Basic. Druhým vývojářem, který zahrnul podporu SVG, byla The Mozilla Organization.Do prohlížeče Firefox 1.5 byl zahrnut modul projektu Mozilla SVG, který poskytuje prohlížení grafiky SVG specifikace 1.1. Kromě toho v polovině roku 2005 začali vývojáři prohlížeče Safari pracujícího na počítačích se systémem Mac OS X aktivně pracovat na zavedení podpory pro SVG 1.1;
• Ve srovnání s jinými grafickými formáty je formát SVG stále slabě podporován vývojáři grafického softwaru, ačkoli přední grafické balíčky jako Adobe Illustrator, Corel DRAW atd. umožňují exportovat grafiku do souborů SVG. Soubory SVG lze samozřejmě vytvářet v jakémkoli textovém editoru, ale to není praktické z hlediska rychlosti a nákladů na vývoj. V případě potřeby je vhodné upravit soubor v textovém editoru (což je mimochodem možné pouze v případě, že máte hluboké znalosti technologie XML), ale vytvoření od začátku je nerozumné, protože to bude vyžadovat příliš mnoho času a úsilí. K tomu potřebujeme jednoduché a pohodlné nástroje pro rychlý vizuální vývoj grafiky ve formátu Scalable Vector Graphics s možností upravovat programový kód odpovídající obrázku ve stejném prostředí, ale takových produktů je velmi málo a nejsou dobře známý.

V důsledku toho nastává velmi smutná situace: mnoho uživatelů si zatím nemůže prohlížet grafiku SVG kvůli nedostatečné podpoře ve webových prohlížečích na správné úrovni, weboví vývojáři prakticky nevyvíjejí grafiku SVG, bez ohledu na to, jak atraktivní může být, a vývojáři softwaru nedopřávají webovým designérům různé aplikace zaměřené speciálně na SVG. Výsledkem je začarovaný kruh: „Pokud neexistuje obsah, pak lidé nepotřebují implementaci SVG, a pokud neexistuje implementace, pak neexistuje žádný obsah“ přesně tak byla popsána situace v jednom z konsorcia W3C setkání.

Na situaci se ale můžete podívat i z druhé strany: podpora SVG (i když ještě ne v plném rozsahu) ze strany dvou populárních internetových prohlížečů, stejně jako zájem o technologii slavných vývojářů napovídá, že se „ledy prolomily“ a že SVG má reálnou šanci stát se jedním z populárních formátů pro prezentaci webových informací. Tato šance se zvyšuje díky rostoucímu zájmu o technologii SVG ve vztahu k mobilním zařízením, kde jsou požadavky na velikost a kvalitu obrazu mnohem vyšší. Opera Software například plánuje nejprve implementovat plnou podporu formátu SVG na desktopy a teprve poté přenést na mobilní platformy. Proto je na čase, aby se weboví designéři zamysleli nad používáním SVG, jinak riskují, že v blízké budoucnosti zůstanou pozadu.

Pluginy pro prohlížení grafiky SVG

Jak již bylo řečeno, většina uživatelů bude muset pro zobrazení SVG grafiky v plném rozsahu v okně internetového prohlížeče prozatím použít některý z vhodných pluginů, z nichž nejznámější jsou bezplatné moduly Adobe SVG Viewer a Corel SVG Viewer. První z nich, Adobe SVG Viewer, přichází jako samostatná aplikace, je kompaktní a pohodlný, funguje na různých platformách, podporuje velké množství internetových prohlížečů, a proto je mezi uživateli mnohem oblíbenější. Aplikace Corel SVG Viewer je součástí balíčku Corel Smart Graphics Studio, ale je k dispozici také jako freeware.

Pro prohlížení grafiky SVG existují i ​​další možnosti, můžete například použít odpovídající moduly z Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/ batik), balíčky KDE KSVG (http://www.kde.org) atd. Úplný seznam aplikací, které umožňují prohlížení obrázků SVG, je uveden na: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

Vývojář: Společnost Adobe Systems, Inc.

Velikost distribuce: 2,25 MB

Způsob distribuce: freeware (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Cena: zdarma

Pracujte pod kontrolou: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

Podpora prohlížeče: Internet Explorer 4.0 nebo vyšší, Netscape Navigator nebo Communicator 4.5 až 4.78 (kromě 6.x)

Corel SVG Viewer

Vývojář: Společnost Corel Corp

Velikost distribuce: 4,9 MB

Způsob distribuce: freeware (modul lze stáhnout z: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Cena: zdarma

Práce pod kontrolou: Windows 98/NT/2000/Me/XP

Podpora prohlížeče: Microsoft Internet Explorer 5.5 a vyšší, Netscape Navigator nebo Communicator verze 4.79, 7.02

Programy pro tvorbu grafiky SVG

Všechny programy pro tvorbu SVG grafiky lze rozdělit do tří velkých skupin. První obsahuje oblíbené dvourozměrné grafické balíčky, které jsou zaměřeny na práci s vektorovou grafikou a zároveň umožňují export obrázků do formátu SVG. Nejoblíbenější z nich jsou Adobe Illustrator a CorelDRAW; navíc takový export do té či oné míry podporuje mnoho dalších aplikací: AutoCAD, Microsoft Visio atd. Hlavní výhodou této skupiny aplikací je, že mají pokročilé nástroje pro tvorbu vektorových obrázků a umožňují dosáhnout jedinečných efektů pomocí použití průhlednosti, přechodových výplní, různých filtrů atd. Tyto aplikace však vyžadují seriózní speciální školení, a proto jsou určeny především pro profesionální designéry. Navíc se z velké části nezaměřují na SVG design (ačkoli umožňují získat grafiku ve formátu Scalable Vector Graphics), přičemž poskytují pohodlné vizuální vytváření a zobrazování obrázků, tyto aplikace neumožňují jejich úpravu v textu. úroveň, která je relevantní pro grafiku SVG. Podstatné také je, že v nich není plně implementována podpora formátu Scalable Vector Graphics, v důsledku čehož nelze všechny prvky vektorových obrázků bezchybně exportovat do SVG.

Druhou skupinu softwarových produktů tvoří balíčky určené výhradně pro tvorbu SVG grafiky. Mají mnohem menší schopnosti, pokud jde o vizuální vývoj vektorových obrázků, ačkoli obsahují všechny potřebné nástroje. Poskytují ale pohodlné nástroje pro úpravu zdrojového kódu a umožňují paralelní práci s objekty SVG, jak vizuálně, tak na úrovni kódu, a mezi těmito možnostmi prezentace informací lze snadno přepínat. Všechny aplikace z této skupiny jsou velmi jednoduché a dostupné a nevyžadují mnoho času na učení. Navíc mají relativně malé distribuce (oproti aplikacím první skupiny), takže je lze bez problémů zakoupit přes internet. Existuje však velmi málo programů s takovými schopnostmi a níže se budeme podrobně zabývat pouze čtyřmi, které jsou nejvíce zajímavé a určené pro různé kategorie uživatelů. Úplný seznam aplikací dostupných pro tvorbu grafiky SVG lze nalézt na: http://wiki.svg.org/Design_Tools.

A konečně do třetí skupiny lze zařadit libovolné textové editory včetně běžného poznámkového bloku. Jak bylo uvedeno výše, formát Scalable Vector Graphics je založen na jazyce XML, který vám v případě potřeby umožňuje vytvářet a upravovat soubory SVG na textové úrovni v textovém editoru.

Plně vybavené grafické aplikace, které vám umožní vytvářet grafiku SVG

Adobe Illustrator CS2

Vývojář: Společnost Adobe Systems, Inc.

Velikost distribuce: Verze pro Macintosh 428,9 MB, verze pro Windows 398,6 MB

Způsob distribuce: shareware (30denní demo verze balíčku je k dispozici na adrese: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Cena: 665 dolarů

Práce pod kontrolou: Windows 2000 s aktualizací Service Pack 3 nebo Windows XP, Mac OS X verze 10.2.4 až 10.2.7, Java Runtime Environment 1.4.1

Adobe Illustrator (obr. 3) od verze 9 implementoval import a export souborů SVG, a to na mnohem vyšší úrovni ve srovnání s podobnými grafickými aplikacemi. Balíček podporuje všechny stávající specifikace SVG, kódování ISO 8859-1, UTF-8 a UTF-16, různé možnosti exportu textu a umožňuje exportovat obrázky jak v běžném formátu SVG, tak v komprimovaném SVGZ.

V SVG grafice vytvořené v jejím prostředí můžete využít přechody, průhlednost, ale i celou řadu speciálně navržených SVG efektů (Effect=>SVG Filters) v podobě různých stínů, rozostření apod. Obrázky s takovými efekty zůstávají zachovány jasné při prohlížení ve webovém prohlížeči s libovolným zvětšením. Kromě statické grafiky umožňuje Illustrator vytvářet i interaktivní grafiku ve formátu SVG, k tomuto účelu je k dispozici speciální paleta SVG Interaktivita (lze ji otevřít z nabídky Window=>SVG Interactivity), ve které jsou akce pro interaktivní objekty jsou specifikovány. Stojí za zmínku, že práce na interaktivních prvcích SVG v Illustratoru vyžaduje znalost Java Scriptu a pochopení základních principů objektově orientovaného programování. Navíc pomocí formátu Scalable Vector Graphics v tomto programu můžete vytvářet dynamickou grafiku řízenou daty.

CorelDRAW Graphics Suite 12

Vývojář: Společnost Corel Corp.

Velikost distribuce tiva: 200 MB

Způsob distribuce: shareware (demo verzi lze stáhnout ze stránek internetového obchodu, například na adrese: http://allsoft.ru/Download.php?ver=17605)

Cena: 290 $ (Allsoft.ru)

Práce pod kontrolou: Windows NT/2000/XP

Známá aplikace pro vývoj profesionální vektorové grafiky CorelDRAW (obr. 4), která je součástí sady CorelDRAW Graphics Suite 12, poskytuje na základní úrovni import a export ve formátech SVG a SVGZ, a proto ji lze použít k vytváření statických a interaktivních SVG grafika.

do souboru SVG v aplikaci CorelDRAW

Aplikace poskytuje podporu pro nerozpoznaná data, atributy a metadata a také poskytuje možnost náhledu souborů SVG v prohlížeči před exportem. Kromě toho je možné kódování Unicode pro metody kódování UTF-8 a UTF-16 a různé možnosti exportu textu a bitmapových obrázků. Nejnovější verze má výrazně vylepšenou podporu pro export symbolů, textu, stínů, obrysů, vrstev, vložených binárních obrázků atd.

Mayura Draw 4.3

Vývojář: Software Mayura

Velikost distribuce: 1,3 MB

Způsob distribuce: shareware (demo verze http://www.mayuradraw.com/mdraw.zip)

Cena: 39 dolarů

Práce pod kontrolou: Windows 95/98/Me/NT/2000/XP

Mayura Draw (obr. 5) velmi jednoduchý a levný program pro tvorbu vektorové grafiky určený pro běžného uživatele. Výsledné vektorové obrázky lze v případě potřeby exportovat do formátu SVG, a proto může být Mayura Draw možným řešením pro vývoj statické grafiky SVG. Program podporuje všechny hlavní nástroje vektorové grafiky a umožňuje získat vektorové obrázky založené na grafických primitivech, lineárních a křivočarých obrysech a textu. Seznam jeho schopností zahrnuje pohodlné prostředky pro zarovnání, distribuci a organizaci objektů, správu průhlednosti, použití vodítek a pravítek pro přesné umístění objektů a různé transformace.

Specializované balíčky pro tvorbu SVG grafiky

EvolGrafiX XStudio 6.1

Vývojář: EvolGrafiX

Velikost distribuce: 7,25 MB

Způsob distribuce: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Cena: 449 $ komerční licence, 249 $ akademická licence

Práce pod kontrolou: Windows 2000/XP

Profesionální balíček XStudio (obr. 6) je pohodlným nástrojem pro tvorbu různorodé SVG grafiky pro web a mobilní zařízení a poskytuje plnou kontrolu jak nad SVG projektem jako celkem, tak nad vektorovými obrázky, animacemi, skripty atd. Aplikace je pohodlný , má intuitivní a snadno přizpůsobitelné uživatelské rozhraní, poskytuje širokou škálu nástrojů, je rychlý, umožňuje vytvářet grafiku SVG všech existujících specifikací a podporuje všechny styly Scalable Vector Graphics. To vše v kombinaci s relativně nízkou cenou za profesionální balíček nám umožňuje považovat jej za nejlepší profesionální řešení svého druhu. XStudio přichází s podrobnou dokumentací podporovanou řadou výukových programů a snadno se učí.

Rýže. 6. Kombinace tvorby vizuálního obrazu s úpravou zdrojového kódu
v EvolGrafiX XStudio

Aplikace má všechny potřebné schopnosti pro tvorbu a zpracování vektorových obrázků a v tomto ohledu je velmi podobná balíčku Adobe Illustrator. XStudio je přitom zaměřeno přímo na přípravu statické, interaktivní a animované SVG grafiky, a proto je spolu s klasickými nástroji pro práci s vektorovými objekty doplněno o specifické schopnosti SVG. Vestavěný panel nástrojů DOM (Document Object Model) poskytuje hierarchickou reprezentaci objektů SVG, pohodlný editor XML umožňuje opravit zdrojový kód na úrovni textu a editor skriptů jej umožňuje doplnit skripty Java. Práce s kódem je organizována velmi pohodlně: fragmenty kódu vybraného objektu jsou automaticky zvýrazněny, je možné vyhledávat text a nastavovat záložky atd. Jakékoli změny kódu se okamžitě projeví ve vizuálním okně a vizuální změny se projeví v okně okno editoru.

Inkscape

Vývojář: IOSN (International Open Source Network International Open Source Network)

Velikost distribuce: 8,7 MB

Cena: zdarma

Práce pod kontrolou: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (obr. 7) je nejslibnější vektorový editor založený na modelu Open Source, který je multiplatformní a je výkonným nástrojem pro vývoj grafiky v souladu se standardem Scalable Vector Graphics. Funkcemi pro práci s vektorovými obrázky a také rozhraním je Inkscape velmi podobný CorelDRAW. Podporuje alfa kanály, práci s vrstvami, používání plynulého textu, velkolepé přechodové výplně, velké množství filtrů a efektů, různé transformace, pohodlnou práci s cestami a objekty, seskupování objektů a mnoho dalšího. Můžete importovat data ze souborů JPEG, PNG a TIFF a vložit je do obrázků SVG.

vestavěný editor Inkscape

Na rozdíl od CorelDRAW je však Inkscape umístěn jako aplikace pro návrháře SVG, a proto spolu s klasickou tvorbou vizuální grafiky poskytuje možnost přímo zpracovávat XML kód ve vestavěném textovém editoru. Program je nakonfigurován tak, aby ukládal obrázky do běžných a komprimovaných souborů SVG, i když je lze v případě potřeby převést do běžných vektorových a rastrových formátů.

Balíček Inkscape má pohodlné rusifikované rozhraní, snadno se učí a přichází s dobrým systémem nápovědy, včetně různých příkladů použití, a navíc je tato aplikace zdarma - to vše ji činí velmi atraktivní pro širokou škálu uživatelů . Hlavní nevýhodou programu je nízká provozní rychlost a zvýšené nároky na systémové prostředky.

Corel WebDraw

Vývojář: Společnost Corel Corp

Velikost distribuce: 15,6 MB

Způsob distribuce: shareware (30denní demo http://www5.jasc.com/pub/wdw102ev.exe)

Cena: Verze ke stažení za 179 USD, verze na CD za 199 USD

Práce pod kontrolou: Windows 98/NT4/2000/Me/XP

Corel WebDraw (obrázek 8), lépe známý jako Jasc WebDraw, je komplexní řešení pro vytváření vysoce kvalitní grafiky a animací SVG zaměřené na profesionální designéry. A intuitivní rozhraní programu jej činí atraktivním pro širokou škálu uživatelů.

Aplikace poskytuje rozsáhlou sadu standardních grafických nástrojů typických pro plnohodnotnou vektorovou grafickou aplikaci: základní tvary (elipsa, obdélník, hvězda atd.), pero, mnohoúhelník, křivka, text atd. Spolu s vektorovými objekty vám WebDraw umožňuje doplnit objekty SVG externími rastrovými obrázky. Kromě běžných výplní a překrývání hotových stylů můžete použít složité přechody, výplně včetně vzorů, které si sami vytvoříte. Chcete-li získat efektivnější obrázky, můžete použít filtry, a to jak docela jednoduché (rozmazání a stínování), tak složité (texturování a osvětlení). Mřížky, vodítka a pravítka vám pomohou přesně umístit objekty a vestavěný panel nástrojů DOM (Document Object Model) zobrazuje objekty SVG v hierarchickém stromu pro snadnou správu.

WebDraw je vybaven univerzálním animačním scénářem, Animation Timeline, který je postaven na základě SVG DOM (Document Object Model), který vám umožňuje kdykoli vybrat a animovat téměř jakýkoli atribut nebo vlastnost objektu všech typů. . Mechanismus drag-and-drop umožňuje upravovat počáteční a koncové body animace a také trvání každé fáze animace přímo na časové ose. Protože se klíčové časy animace vkládají pokaždé, když nastavíte parametry animace pro atribut nebo vlastnost objektu, lze je přenést do jiných oblastí scénáře a automaticky upravit rozložení efektů animace v průběhu času.

Balíček umožňuje pracovat s grafikou SVG ve dvou verzích: jak se sadou vizuálně zobrazených grafických objektů, tak s odpovídajícím zdrojovým kódem. Úpravy zdrojového kódu ve vestavěném textovém editoru souborů SVG poskytují další flexibilitu a kontrolu nad obsahem souboru. Automatická kontrola změn ve zdrojovém kódu pomáhá zajistit správné chování vytvářené grafiky a nalezené chyby jsou barevně označeny, což designérovi ušetří hodiny hledání ve stovkách řádků kódu. Výsledek jakýchkoli změn ve zdrojovém kódu se okamžitě zobrazí na obrazovce. V případě potřeby můžete do WebDraw importovat, upravovat a optimalizovat soubory SVG vytvořené v jiných aplikacích.

Sketsa SVG Editor 3.2.3

Vývojář: KIJUT

Velikost distribuce: 5,99 MB

Distribuční metoda: shareware (demo, které k obrázku přidá značku, http://www.kiyut.com/products/sketsa/sketsa.zip)

Cena: 49 dolarů

Pracujte pod kontrolou: Windows 2000/XP, Java VM (JRE) 1.5 a vyšší (http://www.java.com/getjava), UNIX a Linux

Aplikace Sketsa (obr. 9) je jedním z nejoblíbenějších editorů SVG a umožňuje vytvářet profesionální grafiku SVG včetně optimalizace ve formátu SVGZ. Balíček úspěšně kombinuje jednoduchost a snadné použití se širokou škálou funkcí a je kompatibilní se systémy Windows, Mac a Linux.

Sketsa podporuje klasickou sadu nástrojů typických pro jakoukoli vektorovou aplikaci, která umožňuje vytvářet a transformovat libovolné vektorové objekty založené jak na konturách, tak na grafických primitivech a textu, které lze v případě potřeby snadno doplnit rastrovými obrázky. Můžete ovládat průhlednost, používat přechodové výplně a filtry. To vše zdařile doplňují specializované schopnosti SVG, díky kterým lze upravovat jakýkoli obrázek nejen vizuálně, ale také v textovém režimu. Pro úpravu kódu SVG poskytuje balíček vestavěný textový editor XML. Pro usnadnění správy objektů je k dispozici vestavěný panel nástrojů DOM (Document Object Model), což je hierarchická stromová sada objektů v dokumentu SVG, která umožňuje vybrat libovolný objekt dokumentu a upravit jeho vlastnosti.

Úplný název formátu svg je Scalable Vector Graphics. Jedná se v podstatě o textový dokument s označením XML, který lze zobrazit pomocí aplikace Notepad++. Původně byl vyvinut jako vektorový obrázkový formát pro použití na webových stránkách, ale brzy přešel do „každodenního života“. Kromě statické grafiky je tu podpora animované. Obraz se skládá z několika tvarů, které lze přesouvat, seskupovat a používat masky, filtry a efekty.

Jak otevřít soubor s příponou SVG

1. je výkonná bezplatná aplikace pro prohlížení obrázků. Má základní sadu úprav fotografií – umožňuje aplikovat efekty, měnit kontrasty a sytost určitých barev. Podporováno je více než 50 formátů, aplikace má přehledné a jednoduché rozhraní.


2. – Volný analog CorelDraw. Má jednoduché rozhraní a širokou funkčnost. Umožňuje prohlížet, upravovat a vytvářet vektorové i rastrové obrázky. Výbornou funkcí je práce s klony, díky které můžete vytvářet různé složité vzory.


3. je bezplatný prohlížeč, který je univerzální aplikací pro surfování na internetu, vývoj webových aplikací, poslech hudby a sledování videa a mnoho dalšího. Má jednoduché rozhraní, širokou funkčnost lze snadno rozšířit pomocí pluginů. Má algoritmus pro kontrolu stažených souborů a má seznam nežádoucích stránek.


4. - bezplatný prohlížeč. Má jednoduché a intuitivní rozhraní, v nejnovějších verzích prošel drastickými změnami v rozhraní. Jako každý moderní prohlížeč má vestavěný stahovač souborů, umí přehrávat video a zvuk a prohlížet obrázky.


5. je bezplatný prohlížeč, který je mezi uživateli zemí SNS poměrně oblíbený. Do té doby byl považován za nejrychlejší prohlížeč. Umožňuje prohlížet videa a obrázky, poslouchat zvuk, vestavěný antivirus pro kontrolu stažených souborů, má pohodlný přizpůsobitelný expresní panel, na který můžete umístit nejčastěji navštěvované stránky.


6. je bezplatný editor fotografií, který se zaměřuje na rastrové obrázky, ale podporuje také vektorové obrázky. Podporovány jsou vrstvy, masky, překryvné efekty, změna jasu a sytosti určitých barev. Rozhraní aplikace je jednoduché a přehledné, můžete to udělat jeden na jednoho jako v Adobe Photoshopu.

Nejčastějším problémem, který uživatelům brání v otevření tohoto souboru, je nesprávně přiřazený program. Chcete-li to opravit v OS Windows, musíte na soubor kliknout pravým tlačítkem myši, v kontextové nabídce najet myší na položku „Otevřít pomocí“ a z rozbalovací nabídky vybrat „Vybrat program...“. V důsledku toho uvidíte seznam nainstalovaných programů v počítači a můžete vybrat ten vhodný. Doporučujeme také zaškrtnout políčko vedle "Použít tuto aplikaci pro všechny soubory SVG."

Dalším problémem, se kterým se naši uživatelé také často setkávají, je poškození souboru SVG. Tato situace může nastat v mnoha případech. Například: soubor byl stažen neúplně v důsledku chyby serveru, soubor byl původně poškozen atd. Chcete-li tento problém vyřešit, použijte jedno z doporučení:

• Zkuste najít požadovaný soubor v jiném zdroji na internetu. Možná budete mít štěstí najít vhodnější verzi. Příklad vyhledávání Google: "File filetype:SVG" . Stačí nahradit slovo „soubor“ požadovaným názvem;
• Požádejte je, aby vám znovu zaslali původní soubor, mohl být poškozen během přenosu;

Musíte pochopit, že soubor obrázku je sada běžných textových dat ve formátu XML, což znamená, že obrázek můžete upravit pomocí libovolného textového editoru. Podívejte, není těžké se to naučit.

Jak otevřít výkres SVG?

SVG je formát vytvořený speciálně pro internet k popisu vektorových primitiv na webové stránce. Mezi programy pro prohlížení SVG jsou samozřejmě vlajkovou lodí moderní prohlížeče (nejnovější verze Opera, Firefox, Chrome a také verze IE 9). Prohlížeče podporují téměř všechny prvky SVG (včetně animací a ECMAScriptu), přičemž Opera dosahuje 100% podpory.

Tabulka zobrazující úroveň podpory SVG v různých prohlížečích k červenci 2010:

Prohlížeč	Úroveň podpory
Opera 10.53	95 %
Chrome 4	82 %
Safari 4.0.5	82 %
Firefox 3.6	62 %
Internet Explorer 9 předchozí 3	52.55 %

Z těchto údajů vyplývá, že SVG je nejlepší otevřít s nejnovější verzí prohlížeče Opera. Tento prohlížeč má verze pro Windows i Linux, takže by nikdo neměl mít problémy.

Obecně platí, že téměř všechny programy pro prohlížení a úpravu obrázků podporují SVG, ale většina z nich neumí přehrát animace, o skriptech nemluvě.

Jak upravit obrázek SVG?

SVG existuje od roku 1999, ale aktivně se začalo rozvíjet až mnoho let po svém vzniku díky podpoře největších IT společností na světě. Formát není ani zdaleka nový, takže jakýkoli seberespektující software pro práci s ním je prostě povinen tento formát podporovat.

Tabulka se seznamem vektorového grafického softwaru, mnoho položek seznamu podporuje SVG:

název	Vývojář	Cena
AutoTrace	Martin Weber	volný, uvolnit
Snadné sledování	Skupina snadného sledování	1500 €, upgrade 750 €
Volná ruka	Macromedia	399 $, upgrade 99 $
Ilustrátor	Adobe Systems	499 $, upgrade 169 $
MagicTracer	Elgoritmy MagicTracer	$59
Prohlížeč MST	Technologie MS	Pouze pro komerční použití
PhotoLine	Computerinsel GmbH	59 €
Potrace	Petr Selinger	volný, uvolnit
R2V Toolkit	AlgoLab	$99
Ras2Vec	Davide Libenzi	volný, uvolnit
Obrázek2XAML	Roman Kalachik	volný, uvolnit
Rastr na vektor	Rastr na vektor	$99
RasterVect	RasterVect	$79
RaveGrid	RaveGrid	zdarma pro osobní použití (komerční verze k dispozici)
Scan2CAD Pro	Měkká vazba Intn"l	469 $, upgrade 190 $
Silhouette Pro	Zdarma Soft S.A.	$359
Adobe Streamline	Adobe Systems	?
Vektorová magie	Vektorová magie	7,95 $/měsíc, 295 $/lic, tokeny
Vextraktor	VextraSoft	$99
VPHybridCAD	softelec	$1400
WinTopo Freeware	SoftSoft	volný, uvolnit
WiseImage	Konzistentní software	$1400
RasVector	Daniel Lu	GPL
Xara Xtreme	Xara Group Ltd.	79 $ verze Windows, Linux verze zdarma
XTrace	Ronny Schütz	25 $ pro Amigu (k dispozici demo)
VectorNow	AutoDWG	$120.00
Prezentace designu	Prezentace designu	Platba za použití

Níže je uveden seznam nejoblíbenějších programů, které vám umožňují vytvářet a upravovat SVG.

Inkscape

Inkscape je program pro tvorbu a úpravu vektorových obrázků, hlavní oblastí použití je tvorba technických ilustrací a diagramů. Napsáno v C++ a GTK+. Umí ukládat vytvořené obrázky ve formátu SVG 1.1. Inscape je vydán pro mnoho platforem (Windows, Linux, Mac OS), patří do kategorie svobodného softwaru, šířeného pod GNU General Public License.

Program umožňuje používat všechny filtry a nástroje potřebné pro návrháře: geometrická primitiva (polygony, kružnice, čáry, křivky, krychle atd.), štětce, výplně, guma. Kromě vizuálního editoru existuje také textový editor, který umožňuje přehledně vidět a upravovat strom XML prvků.

Inkscape se aktivně vyvíjí již řadu let, vývojáři kontaktují a vyměňují si zkušenosti s kolegy z Gimpu a Scribusu.

Inkscape si můžete zdarma stáhnout pro jakýkoli OS na oficiálních stránkách inkscape.org.

Image Magick

Téměř veškerá funkčnost konzolového nástroje pro práci s grafikou Image Magick se vztahuje na SVG. Image Magick je zdarma a mnoho aplikací má knihovny, které vám umožňují pracovat s tímto nástrojem prostřednictvím jeho vlastního rozhraní. Například - Imagick v PHP.

Placené programy pro práci s SVG

Adobe Illustrator CS2

Vyvinuto společností Adobe Systems, Inc. Adobe Illustrator CS2 má poměrně výkonné nástroje pro úpravy SVG. Program není zdarma a už vůbec ne levný, stojí více než 600 dolarů, ale má bezplatnou demo verzi omezenou na 30 dní. Na první pohled nemá oproti Inkscape žádné zvláštní výhody v oblasti práce s SVG, kromě toho, že fanouškům Photoshopu se bude líbit míra podobnosti obou programů. Adobe nepochybně vytvořilo nejpohodlnější rozhraní pro návrháře po dlouhou dobu.

CorelDRAW Graphics Suite

S rozvojem SVG nemohla Corel Corp. stát stranou. Sada CorelDRAW Graphics Suite obsahuje podporu pro škálovatelnou vektorovou grafiku. Cena je téměř 300 $, ale existuje demo verze. Dostupné pouze pro Windows.

Ke koupi nabízí i Corel Corel WebDraw (Jasc WebDraw), více vektorový program pro webovou grafiku a profesionální web design. Cena - 180 dolarů.

Sketsa SVG editor

Program je napsán výhradně v Javě a běží na Windows, Linux, Mac OS. Na rozdíl od jiných vektorových grafických programů obecně je Sketsa přísně zaměřena na SVG. Má poměrně pěkné a uživatelsky přívětivé rozhraní. Stojí však téměř 90 dolarů.

Mayura Draw 4.3

Existují i ​​jednodušší placená řešení. Například - Mayura Draw za 39 dolarů, velikost distribuce je pouze 1,3 MB. Program podporuje všechny základní nástroje pro úpravu SVG grafiky, je lehký a relativně rychlý.

Online editor SVG

Datum: 27.05.2010 v 14:20:46

Při kopírování materiálu vložte aktivní odkaz na článek.

Se soubory s příponou .svg se setká jen velmi málo uživatelů a ve většině případů ne jen někteří, ale téměř všichni uživatelé takové soubory maže, jak se říká, bez rozdílu, aniž by vůbec přemýšleli o tom, s jakým programem byl soubor SVG původně spojen. Nyní budeme hovořit o tom, jak můžete otevřít soubor pro úpravy a obecně, zda se to vyplatí.

Extension.svg: jak jej otevřít?

Nejprve se podívejme na nejjednodušší koncepty. Pro nezasvěceného uživatele může zůstat otázka, jak otevřít soubor SVG, nejasná. Zde stojí za to věnovat pozornost skutečnosti, že soubory tohoto typu jsou zpočátku určeny pro zpracování grafiky se změnou rastrového nebo vektorového režimu. Pokud je koncový uživatel, jak se říká, v této věci laik, tak mu není co vysvětlovat.

Pro zbytek publika podotýkáme, že samotný problém, jak otevřít formát SVG, je ve většině případů spojen pouze s výběrem vhodné aplikace nainstalované ve výchozím nastavení nebo podobně.

výchozí?

Jak víte, nejjednodušší způsob, jak otevřít soubor jakéhokoli typu, je poklepat v běžném Průzkumníku. Operační systém (v tomto případě Windows) si v tomto případě sám určí, který nástroj z jeho sady bude použit k otevření souboru daného typu. Soubor SVG je přitom ve skutečnosti univerzální.

V podstatě každý program, který podporuje standard Scalable Vector Graphics, odkud tato zkratka pochází, s ním dokáže bez problémů pracovat. V zásadě jsou soubory tohoto typu schopny zpracovávat stejný Adobe Illustrator nebo balíček nejnovější verze nebo podobné softwarové balíčky. Pokud jsou aplikace nainstalovány, neměly by nastat žádné problémy.

Pokud ale použijete nějakou jednoduchou utilitu, jako je obvyklý Microsoft Paint, Paint .NET nebo editory obsažené v hlavním balíčku Microsoft Office jakékoli verze a roku vydání, nemůžete počítat s ničím zvláštním. I když s takovými daty umí pracovat, ne vždy se jedná o ty nejlepší editační nástroje. Soubor SVG jimi nemusí být rozpoznán.

V lepším případě si můžete obrázek jednoduše prohlédnout, změnit jeho pozici na listu, mírně „upravit“ barvy nebo sytost, ale jinak vše zůstane tak, jak bylo (nebo ještě hůř). Zkusme se podívat na to, jak otevřít soubor SVG z hlediska úprav pomocí souvisejících programů a aplikací.

Nástroje pro zpracování dat SVG

Jakkoli to může znít překvapivě, samotné rozšíření .svg není považováno za spojené s přidruženým programem, ačkoli je považováno za škálovatelný grafický formát. Nezáleží na tom, jak otevřete soubor SVG. V zásadě platí, že pokud je dostatek nainstalovaných programů a aplikací, operační systém sám nabídne výběr nejvhodnější aplikace (libovolný balík Adobe, variace Paint, Corel atd.).

Zde bychom mimochodem neměli zapomínat, že stejný problém spojený s tím, jak a s čím otevřít soubor SVG, má i druhou stranu mince. Faktem je, že soubory tohoto typu mohou obsahovat značky HTML nebo XML. Taková data tedy budete muset upravit pomocí specializovaných utilit.

Sečteno a podtrženo

Obecně, pokud tuto problematiku zhodnotíme takříkajíc z globálního pohledu, lze poznamenat, že objev SVG nepřekračuje obecně uznávané pojmy.

A to je pochopitelné, protože samotný formát a doprovodné rozšíření se týkají grafiky, což znamená, že otevření pro prohlížení a možnost úprav jsou poskytovány zpočátku a bez ohledu na přítomnost speciálních editorů a ještě více operačních systémů.

Obecně lze jen doporučit instalaci univerzálních klientů jako ACDSee nebo něco podobného, ​​kteří jsou schopni nejen rozpoznat soubor SVG na počáteční úrovni (inicializace, mapování na aplikace, prohlížeče atd.), ale také s ním plně pracovat režim editace, jehož použití může změnit i samotnou strukturu požadovaného souboru. V tomto smyslu může podporovat jakékoli vnitřní vnější změny, a to i pokud jde o atributy.