Meny
Är gratis
checka in
den huvudsakliga  /  Navigatörer / Än att öppna SVG-filen. Vad är SVG-filtillägget? Så här öppnar du SVG-filer som standard

Så här öppnar du SVG-filen. Vad är SVG-filtillägget? Så här öppnar du SVG-filer som standard

SVG (skalbar vektorgrafik) är en skalad fil vektor grafik Med mycket breda funktioner skrivna på XML Markup-språket. Låt oss ta reda på vad programvarulösningar Du kan se innehållet i objekt med denna förlängning.

Med tanke på att skalbar vektorgrafik är ett grafiskt format är det naturligt att visningen av dessa objekt stöds, först och främst bildvisare och grafiska redaktörer. Men konstigt nog, fortfarande sällsynta bildvisningar klara sig med uppgiften att öppna svg, bara på sin inbyggda funktionalitet. Dessutom kan föremålen för det studerade formatet ses med vissa webbläsare och ett antal andra program.

Metod 1: GIMP

Först och främst, överväga hur du visar ritningarna av det studerade formatet i GIMP Free Graphics Editor.


Metod 2: Adobe Illustrator

Nästa program som kan visa och ändra bilderna i det angivna formatet är Adobe Illustrator.


Metod 3: XNView

Övervägande av tittare av bilder som arbetar med det studerade formatet börjar vi med XNView-programmet.


Det finns ett annat tillfälle att se SVG i XNView. Det utförs med den inbyggda webbläsaren.


Metod 4: Irfanview

Följande bildvisare, på det exempel vi ser på att titta på den studerade typen av ritningar, är en Irfanview. För att visa SVG i det namngivna programmet krävs också CAD-bild DLL-plugin, men till skillnad från XNView är det inte initialt installerat i den angivna applikationen.


Bild I det här programmet kan du se metoden att dra en fil från "Explorer" I Shell Irfanview.

Metod 5: OpenOffice Draw

SVG kan också ses från dragprogrammet från OpenOffice Office-paketet.


Dessutom kan bilden ses genom att dra filen till OpenOffice-startskalet.

Du kan börja börja med dragskalet.


Metod 6: LibreOffice Draw

Stödjer Skalbar Vector Graphics Display och Competitor OpenOffice - kontorspaket LibreOffice, som i sin sammansättning också har en ansökan om redigering av bilder som heter Draw.


En annan öppningsmetod ger för att dra filen från filhanteraren till LibreOffice-startskalet.

Också i LibreOffice, liksom det tidigare beskrivna mjukvarupaketet, kan du se SVG och genom dragskalet.


Metod 7: Opera

SVG kan ses i ett antal webbläsare, varav den första kallas opera.


Metod 8: Google Chrome

Nästa webbläsare som kan visa SVG är Google Chrome.


Metod 9: Vivaldi

Nästa webbläsare, på vars exempel kommer att betraktas som möjligt visa SVG., är vivaldi.


Metod 10: Mozilla Firefox

Vi definierar hur du visar SVG i en annan populär webbläsare - Mozilla Firefox.


Metod 11: Maxthon

Ganska ovanligt sätt kan du se SVG i Maxthon-webbläsaren. Faktum är att i den här webbläsaren är aktiveringen av öppningsfönstret i princip omöjlig: varken via grafiska element av kontroll eller genom att trycka på heta tangenter. Det enda alternativet att visa SVG är adresser detta objekt I adressfältet i webbläsaren.


Definitivt det här alternativet Att öppna lokalt beläget på hårddisken av vektorritningar är mycket mer ökande och svårare än andra webbläsare.

Metod 12: Internet Explorer

Tänk på alternativen för att se SVG också på exemplet på en vanlig webbläsare för operativsystem Windovs Line Windows 8.1 Inclusive - Internet Explorer.


Trots det faktum att SVG är ett format av vektorbilder, vet de flesta moderna bildvisare inte hur man visar det utan att installera ytterligare plug-ins. Också, inte alla grafiska redaktörer arbetar med denna typ av bilder. Men nästan alla moderna webbläsare kan visa detta format, eftersom det var på en gång skapat, först och främst, för att rymma bilder på Internet. Det är sant att endast webbläsare är möjliga i webbläsare och inte redigera objekt med den angivna förlängningen.

Du måste förstå att bildfilen är en uppsättning vanliga textdata i XML-format, vilket innebär att du kan redigera bilden med någon textredigerare. Se, undersöka det ganska enkelt.

Hur öppnar SVG-teckning?

SVG - format, skapa specifikt för Internet, för att beskriva vektor primitiver på en webbsida. Naturligtvis, bland SVG-tittare, är flaggskepparna moderna webbläsare (senaste versioner av Opera, Firefox, Chrome, liksom 9 versioner). Webbläsare stödjer nästan alla SVG-element (inklusive animering och Ecmascript), stödnivån i Opera är engagerad i 100%.

Bord som visar SVG-support olika webbläsare Från och med juli 2010:

Webbläsare Stödnivå
Opera 10.53. 95 %
Chrome 4. 82 %
Safari 4.0.5. 82 %
Firefox 3.6. 62 %
Internet Explorer. 9 föregående 3. 52.55 %

Från den här data följer det att öppningen SVG är bäst för Opera-webbläsaren senaste versionen. Den här webbläsaren har versioner för både Windows och Linux, eftersom det inte finns några problem någon.

I allmänhet söder nästan alla program för visning och redigering av bilder SVG, men de flesta vet inte hur man reproducerar animering, för att inte tala om skript.

Hur man redigerar SVG-teckning?

SVG har funnits sedan 1999, men började aktivt utvecklas bara många år efter skapandet, tack vare stödet av de största IT-företagen i världen. Formatet är inte nytt, så någon av eventuell självförspekt program för att arbeta med helt enkelt måste stödja detta format.

Tabell med en lista med programvara för att arbeta med vektorgrafik, många listobjekt support SVG:

namn Utvecklaren Pris
Autotrace. Martin weber fri
Lätt spår. Easy Trace Group. 1500 €, 750 € uppgradera
Frihand. Makromedia. $ 399, $ 99 uppgradera
Illustratör Adobe Systems. $ 499, $ 169 uppgradera
MagicTracer. Elgoritms MagicTracer. $59
MST Viewer. MS-teknik. Endast kommersiell användning
Fotolin. ComputerInsel GmbH. 59 €
Potrace. Peter Selinger fri
R2V TOOLKIT. Algolab. $99
RAS2VEC. Davide Libenzi. fri
Image2xaml Romerska Kalachik fri
Raster att vektor Raster att vektor $99
Rastervect. Rastervect. $79
Ravegrid Ravegrid gratis för personligt bruk
(Kommersiell version tillgänglig)
Scan2Cad Pro. Softcover intn "l $ 469, $ 190 uppgradering
Silhouette Pro. Gratis mjuk s.a. $359
Adobe Streamline Adobe Systems. ?
Vektor magi. Vektor magi. $ 7,95 / mo, $ 295 / lic, tokens
Vextractor Vextrasoft $99
Vhybridcad. softelec. $1400
Wintopo freeware. Softsoft. fri
WiseImage. Konsekvent programvara. $1400
Rasvector. Daniel Lu. Gpl
Xara Xtreme. Xara Group Ltd. 79 $ Windows version
Linux version gratis
Xtrace. Ronny Schütz. 25 $ för Amiga (Demo-version tillgänglig)
VectorNow Autodwg. $120.00
DesignPresentation DesignPresentation Betala per användning.

Nedan är en lista över de mest populära PROGGS som låter dig skapa och redigera SVG.

Inkscape (hccep)

Inkscape är ett program för att skapa och redigera vektorbilder, det viktigaste tillämpningsområdet är skapandet av tekniska illustrationer och system. Skrivet på C ++ och GTK +. Spara de skapade bilderna till SVG 1.1-format. Inscape är tillgänglig för många plattformar (Windows, Linux, Mac OS), refererar till kategorin gratis programvara, gäller baserat på en licens GNU General Offentlig licens.

Programmet låter dig använda alla nödvändiga filter och verktyg för designer: geometriska primitiva primitor (polygoler, cirklar, linjer, kurvor, kuber etc.), borstar, fyllning, suddgummi. Förutom den visuella redaktören finns det också en text som låter dig visuellt se och redigera elementets XML-träd.

Inkscape utvecklas aktivt i många år, utvecklare kontakt och utbyte erfarenhet av kollegor från Gimp, Scribus.

Du kan ladda ner Inkscape för alla operativsystem på den officiella platsen Inkscape.org.

Image Magick.

Nästan hela funktionaliteten i konsolverktyget för att arbeta med bildmagickgrafik gäller SVG. Image Magick är gratis, för många applikationer finns det bibliotek som låter dig kontakta det här verktyget via ditt eget gränssnitt. Till exempel - Imagick i PHP.

Betalda program för att arbeta med SVG

Adobe Illustrator CS2.

Utvecklad av företaget "Adobe Systems, Inc." adobeprogram Illustrator CS2 bär ganska kraftfulla SVG-redigeringsverktyg. Programmet är inte gratis och helt anmärkningsvärt, kostar mer än $ 600, men har en gratis demonstrationsversion, begränsad till 30 dagar. Vid första anblicken har inga speciella fördelar inom arbetsområdet med SVG inte jämfört med Inkscape, förutom att Photoshop-älskare kommer att gilla likheten med två program. Bekämpa, Adobe under en lång tid av sitt arbete har skapat det bekvämaste gränssnittet för designers.

CorelDRAW Graphics Suite.

Med utvecklingen av SVG kunde inte förbli åt sidan och Corel Corp. Coreldraw Graphics Suite-paketet innehåller en skalbar vektorgrafik. Kostnad - nästan 300 dollar, men det finns demonstrationsversion. Släpptes endast för Windows.

Corel erbjuder också att köpa Corel Webdraw (Jasc Webdraw), Mer orienterad på Vector Web Graphics och Professional Web Designers-programmet. Kostnad - 180 dollar.

SKETSA SVG Editor

Programmet är helt skrivet på Java, arbetar under Windows, Linux, Mac OS. Till skillnad från andra program för att arbeta med vektorgrafik i allmänhet, är SKETSA strikt fokuserad på SVG. Det har ett ganska trevligt och bekvämt gränssnitt. Men kostar nästan 90 dollar.

Mayura Draw 4.3.

Det finns enklare betalda lösningar. Till exempel - Mayura tecknar för $ 39, storleken på fördelningen är bara 1,3 MB. Programmet stöder alla grundläggande verktyg för redigering av SVG-grafik, lätt och relativt snabbt.

Online Editor SVG.

Datum: 2010.05.27 kl 14:20:46

Observera när du kopierar material aktiva länk på artikeln.

Fullständigt namn på formatet SVG - skalbar vektorgrafik. I huvudsak är detta ett textdokument med en XML-markering, som kan ses med hjälp av Anteckningsblocket ++. Det var ursprungligen utvecklat som format av vektorbilder för användning på webbplatser, men snart svänger och "i det normala livet." Förutom statisk grafik finns ett animerat stöd. Bilden består av flera figurer som kan flyttas, gruppera, applicera masker, filter, effekter.

Så här öppnar du en fil med förlängningen SVG

  1. - Kraftfull gratis app Visa bilder. Den har en grundläggande uppsättning fotograferingsredigering - det låter dig införa effekter, ändra kontraster, mättnad av vissa färger. Mer än 50 format stöds, ansökan har en klar och enkelt gränssnitt.

  2. - Gratis analog CorelDraw. Den har ett enkelt gränssnitt och bred funktionalitet. Låter dig visa, redigera och skapa både vektor och bitmappsbilder. En utmärkt funktion arbetar med kloner, tack vare vilken du kan skapa olika komplexa mönster.

  3. fri webbläsareVilket är en universell surfprogram över internet, webbutveckling, lyssnar på musik och tittar på video, och mycket mer. Den har ett enkelt gränssnitt, bred funktionalitet expanderar enkelt med plug-ins. Den har en algoritm för att markera nedladdade filer, har en lista med önskade webbplatser.

  4. - Gratis webbläsare. Den har ett enkelt och intuitivt gränssnitt, i de senaste versionerna, har kardinalen i gränssnittet lidit. Liksom alla moderna webbläsare har en inbyggd fillastare kan du spela upp video och ljud, visa bilder.

  5. - Gratis webbläsare, som är ganska populär bland användare av CIS-länderna. Tills ett visst ögonblick ansågs den snabbaste webbläsaren. Låter dig se video och bilder, lyssna på ljud, inbyggt antivirus för att kontrollera nedladdade filer, har en bekväm anpassad expresspanel, som rymmer de vanligaste platserna.

  6. - Gratis rasterorienterad fotoredigerare, men också stöds och vektor. Lager, masker, effekter, ändra ljusstyrka och mättnad av vissa färger stöds. Applikationsgränssnittet är enkelt och förståeligt, du kan göra en i en som i Adobe Photoshop..

Det finns många format för bilder, men alla är uppdelade i två stora klasser och vektor. Den första används mestadels för olika komplexa och detaljerade grafik, till exempel foton. I dem är varje pixel det minsta elementet, kan ha sin egen färg, och i filen, i allmänhet är färgerna helt enkelt sparade för varje bildpunkt. Naturligtvis används olika metoder för att pressa storleken på informationen, och det finns många rasterformat - BMP, PNG, JPG och andra. Vanligtvis visar den bästa effektiviteten JPG, eftersom det visar sig en liten fil med en ganska bra detalj. Men han har en felfri förlust av information vid komprimering av information. Därför, om du minskar storleken på filen, uppstår bildförstöringen.

Arbeta med SVG-filer.

Ja, med en ökning av sådana bilder blir pixlar synliga. Vektorformat fungerar ganska över en annan princip. De använder linjer, segment, figurer, som beskrivs av matematiska formler. Eventuellt utrymme som är begränsat av dem kan hällas med färg eller gradient. Som ett resultat visar det sig en bild som inte är ansluten till de specifika dimensionerna - det kan enkelt komprimeras eller sträckas till stora storlekar utan förlust av kvalitet. Ett av dessa vektorformat är SVG. Och det blir alltmer populärt, särskilt i en webbutvecklingsmiljö.

Allmän Beskrivning av expansion

SVG-filtyp - Förkortning från skalbar vektorgrafik, dvs skalbar vektorgrafik. För att beskriva bilden används VML och PGML Markup-språk. Faktum är att detta är ett textdokument där koordinaterna för de hörn och linjerna som passerar genom dem beskrivs för varje figur, liksom färgerna på olika element. Den första versionen av detta format publicerades 2001, och nu är den andra versionen aktivt utvecklad. Det är det lovande och utvecklas. En av fördelarna är en liten filstorlek där ganska komplexa ritningar kan sparas. Därför används nu fler och fler ikoner, piktogram, logotyper och andra delar av webbplatser i detta format, och inte i raster. Det påskyndar webbplatsens belastning. SVG-formatets unika förmåga inkluderar interaktivitet och animering. Den första tillåter bilden att svara på användaråtgärder, till exempel på musklicket eller flytta några element. Animation gör att du kan skapa ganska komplexa scenarier. Alla tillsammans tillåter dig att skapa mycket vackra och levande grafiska element för webbplatser. De kan även byggas i vanliga rasterbilder i pNG-format, JPG och andra.

Så här öppnar du SVG-filen

På Internet kan du hitta många sådana bilder på Photoces, inklusive gratis. De är skapade i Adobe Photoshop Graphics Editors, Illustrator, Corel Draw, och några andra. Men frågan uppstår - än att öppna SVG-formatet. När allt kommer omkring visar de inbyggda Windows-verktygen inte vilka bilder som innehåller dem. Även om du till och med kan redigera SVG i en textredigerare, till exempel i en anteckningsbok, eftersom det här är ett textdokument, men för detta måste du ha stor kunskap på markeringsspråk. Du kan öppna SVG-filen antingen i det program där det är skapat eller i någon annan grafisk redigerare som stöder detta format. Mest populär:


Naturligtvis är dessa namn, listan över program för att arbeta med vektorgrafik inte uttömd. Det finns många av dem, inklusive de mest populära adobe redaktör Photoshop kan spara bilder som vektorer och har ett plugin för att öppna dem. Glöm inte den mest populära Corel Draw Vector Graphics Editor, som kan kallas den mest populära.

Vad annat kan orsaka problem med filen

Konventionella fönster, och många andra operativsystem, SVG-filer öppnas inte. För att se deras innehåll och ännu mer för att redigera dem måste du installera någon grafikredigerare Med stöd av detta format.

För registrering av någon webbsida, både statisk grafik och en mängd olika animerade och interaktiva element, som för det första ger större attraktivitet av den information som presenteras på den, och för det andra bidrar till den bästa uppfattningen av material.

rafic-information överförs mycket långsammare än text, och bildbelastningstiden är direkt beroende av storleken på deras grafiska filer, så snabb lastning av webbsidor innebär en liten storlek på de inbäddade i dem grafiska bilder. Den senare uppnås genom ett optimalt urval av det grafiska filformatet, såväl som genom optimering, vars uppgift är att hitta en kompromiss mellan sidladdningshastigheten och kvaliteten på de bilder som presenteras på den. Emellertid är möjligheterna att optimera inte begränsade och högkvalitativa bilder, som regel, har en imponerande volym, vilket resulterade i vilket uppnåendet av hög kvalitet som presenteras i webbbilder under sina små mängder är ett allvarligt problem.

Men frågan är inte bara i storlek och kvalitet - designutveckling för webbsidan visar sig vara ett fall som kräver designkunskap om ett brett spektrum av olika tekniker och programvaruprodukterför att olika arter grafisk information Du måste använda en mängd olika filformat och olika tekniker för deras skapande. För statisk grafik, GIF, JPG eller PNG-format används, som kan skapas i en mängd olika grafikpaket. Animation GIF och Flash-format används för animering objekt, och du utvecklar sådana objekt i specialiserade programvaruapplikationer (speciell för var och en av de namngivna typerna av format). Interaktiva element (ROLOVERS, ImageMap referenskartor etc.) brukar vanligtvis skapas i specialiserade applikationer och är en uppsättning grafiska bilder, förhållandet mellan vilket är inställt i den kompletterande filen med HTML-koden.

En framgångsrik lösning av dessa problem kan vara övergången till SVG-grafiskt format (skalbar vektorgrafik - skalbar vektorgrafik), baserat på XML-språket, tack vare vilken SVG-bild som kan skickas av en uppsättning kommandorador (Fig. 1), och SVG-filen själv kan öppnas i någon textredigerare, inklusive anteckningsblock. Detta är jämförande ny teknologi var ursprungligen utvecklad av Adobe speciellt för webben, och idag är det bra intresse och för mobil enheter, säkerställa skapandet av högkvalitativ statisk, animering och interaktiv grafik. Därför finns det inget överraskande att det aktivt stöds av W3C-konsortiet (http://www.w3.org/graphics/svg) - 2003 antogs SVG 1.1-standarden i W3C som en rekommendation, och det här ögonblicket SVG 1.2-specifikationen är utvecklad (http://www.w3.org/tr/svg12/).


Med motsvarande bild

SVG-teknik gör att du kan kombinera text, grafik, animering och interaktiva komponenter i ett format och är baserat på tre typer av grafiska bilder: vektorformer, ritningar och text. Former, som är vanligt i vektorgrafik, representeras av antingen raka och krökta konturer, eller grafiska primitiva (rektanglar, ellipser etc.), och ritningarna importeras bitmappsbilder. Dessutom stöder SVG-format olika typer av animering (påminner om GIF och Flash-animering) och interaktiva föremål som ROLOVERS, referenskartor och andra navigationsobjekt. Och sedan den här standarden Baserat på XML-språket kan SVG-filen tillsammans med element som är avsedda för visuell bildskärm också innehålla olika metadata.

Fördelar och nackdelar med SVG-format

Med SVG-format kan du utvecklas för nätverks- och mobila enheter mer kompakt, snabbt laddning, högkvalitativ mångsidig grafik, som inte kan ge något annat grafiskt format. De viktigaste fördelarna med det grafiska SVG-formatet inkluderar följande:

  • högkvalitativa bilder oavsett deras storlekar, vilket förklaras av SVG-formatets vektor. Bilder kan obegränsat eller öka utan kvalitetsförlust (bild 2) enligt bildskärmens storlek, vilket gör att du kan få en högkvalitativ bild av grafikinformation på olika typer av enheter (skrivbord, fickdatorer etc.) och även gör det möjligt att försiktigt överväga enskilda delar. - Detta är viktigt, till exempel när man arbetar med tekniska ritningar;
  • en mycket mindre filstorlek jämfört med GIF, JPG, PNG och Animation GIF-format, och ännu mer med Flash-format. Till exempel, om en fil som testas för artikel gIF-formatKomprimerad i LZW-kompressionsläge var 26 kb, sedan tog storleken på den motsvarande SVG-filen 1220 byte, och när den komprimerades i SVGZ-format var det bara 685 byte.

Men det är inte bara det. Jämfört med traditionella alternativ grafisk representation Nätverk Ansökan av SVG-formatet har många andra obestridliga fördelar.

Så för utvecklare är viktiga fördelar:

  • möjligheterna att kombinera i ett format för utveckling av statiska, animerade och interaktiva element, liksom kombinationer av vektor och rasterobjekt;
  • förbättrat arbete med text, inklusive skärning, text om kurva och obegränsad användning av teckensnitt;
  • effektivare hantering av färgöverföringsnoggrannhet och de bredaste möjligheterna när det gäller användning i webbbilderna av högupplösta gradientfyllningar, skuggor, filter, etc.;
  • sVG-formatets text och support och stöd av kaskadstilborden, som mycket förenklar processen att uppdatera webbplatsen och låter dig göra ändringar i det utan att få tillgång till speciella program.
  • integration med XML och CSS (Cascading Style Sheets) och CSS (Cascading Style Sheets) och CSS (Cascading Style Sheets), som låter dig spara SVG-bilder i en databas och skapa dynamiska webbsidor med deras användning - olika för olika plattformar, personliga Inställningar, etc. d.;
  • inga indexeringsproblem - SVG-filer indexeras av alla sökmotorer (i motsats till exempel från SWF-filer).

Användare kommer att glädja högkvalitativt och snabbt lastning SVG-innehåll. Dessutom är det möjligt att kopiera texten på SVG-bilden, och därigenom hålla lite användbar information för dig själv, liksom att söka efter text i bilden, vilket kan vara extremt nödvändigt i vissa fall, till exempel när du söker efter det önskade namnet på kartan eller ritningen.

Ändå, som vanligt, tillsammans med proffsen, har SVG-tekniken också består, och mycket allvarlig.

  • SVG-bilder är dåligt stödda av tillverkare av webbläsare. Som ett resultat tvingas användarna ytterligare att etablera användarna för att visa SVG-grafiken från webbläsaren. denna funktion Plugin från tillverkare från tredje part, som SVG Viewer från adobe.. Teoretiskt är det enkelt - motsvarande plugins är enkla i installationen, gratis, har en liten volym och du kan snabbt ladda ner dem på nätverket. I praktiken visar sig allt vara mycket mer komplicerat, eftersom de flesta av internetanvändarna inte känner igen förekomsten av dessa möjligheter och kan därför inte visa denna art Grafer - utan plugin är det helt enkelt inte synligt. Situationen förändras dock gradvis, och förra året introducerade två ledande webbläsareutvecklare stöd för SVG-format. På våren har Opera-programvaran släppt den 8: e versionen webbläsareopera.Stödja SVG 1.0 liten; Vid framträdande lite senare implementeras versionen av Opera 9.0 partiellt stöd för SVG 1.0 grundformat. Den andra utvecklaren som inkluderade SVG-support var Mozilla-organisationen - i den som utfärdades av den browser Firefox. 1.5 Mozilla SVG-projektmodul är aktiverad, vilket ger SVG-grafik 1.1. Dessutom, i mitten av 2005, började utvecklarna av Safari-webbläsaren som körs på datorer som kör Mac OS X aktivt arbete med genomförandet av stöd till SVG 1.1;
  • jämfört med andra grafiska format stöds SVG-formatet fortfarande dåligt av de grafiska mjukvaruutvecklarna, även om ledande grafikpaket som Adobe Illustrator, Corel Draw, etc., tillåter dig att exportera grafik i SVG-filer. Självklart kan SVG-filer skapas i någon textredigerare, men det är olämpligt i den mening som avses med hastighet och lägsta möjliga utveckling. I en textredigerare är det lämpligt att korrigera filen om det behövs (som förresten är möjligt om det finns djupa kunskaper om XML-teknik), men det är orimligt att skapa det från början, eftersom det kommer att kräva överdriven tid och styrka. Detta kräver enkla och praktiska verktyg för snabb visuell utveckling av grafik i skalbar vektorgrafikformat med möjlighet att redigera i samma miljö i motsvarande bildkodsbild, men sådana produkter är ganska lite och är inte kända.

Som ett resultat består det av en mycket sorglig situation - många användare kan ännu inte visa SVG-grafik på grund av bristen på sitt stöd till webbläsare på rätt nivå, utvecklar webbutvecklarna nästan inte SVG-grafik, oavsett hur attraktiv det är, och utvecklarna hämtar inte webbdesigners är en mängd olika applikationer orienterade på SVG. Som ett resultat visar det sig en sluten cirkel: "Om det inte finns något innehåll behöver folk inte SVG-implementering, och om det inte finns någon implementering, så finns det inget innehåll," Så här är den skapade situationen på en av Möten i W3C-konsortiet beskrivs.

Men du kan titta på situationen och å andra sidan: Stöd SVG (men inte i sin helhet) Två populära webbläsare, liksom intresse för teknikberömda utvecklare säger att "isen började" och att SVG har en riktig chans att bli Ett av de populära formaten för att presentera webbinformation. Denna chans ökar och i samband med tillväxten av intresse för SVG-teknik i förhållande till mobila enheter, där kraven på bildens storlek och kvalitet är mycket högre. Opera-programvara, till exempel, avser att först genomföra det fulla stödet för SVG-formatet på stationära och bara överför det till mobila plattformar. Därför är det dags att tänka på användningen av SVG och webbdesigners - annars riskerar de i en snar framtid att vara bland de försvagade.

Plugins för visning av SVG-grafik

Som redan noterat, medan de flesta användare för visning av SVG-grafik i sin helhet i webbläsarfönstret måste använda ett av lämpliga plug-ins, vars mest kända är gratis Adobe SVG Viewer och Corel SVG Viewer-moduler. Den första-Adobe SVG-tittaren levereras som en separat applikation, skiljer sig från kompaktitet och bekvämlighet, fungerar på olika plattformar, stöder ett stort antal webbläsare och därför mycket mer populära bland användarna. Corel SVG Viewer-programmet är en del av Corel Smart Graphics Studio-paketet, men är också tillgänglig som freeware.

Det finns andra alternativ för visning av SVG-grafik - du kan till exempel använda lämpliga moduler från Amaya-paket (http://www.w3.org/amaya/), Apache Batik (http://xml.apache.org/ Batik), KDE KSVG (http://www.kde.org) och andra. En komplett lista över applikationer som tillhandahåller SVG-bilder ges på: http://wiki.svg.org/viewer_implementations.

Adobe SVG Viewer.

Utvecklaren: Adobe Systems, Inc.

Distributionstorlek: 2,25 MB

Distributionsmetod: Freeware (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/sv/svgview.exe)

Pris: är gratis

Arbeta under kontroll: Windows 95/98 / Me / NT / 2000 / XP, Mac OS 8.6 / 9 / X, Linux, Solaris

Browser support: Internet Explorer version 4.0 och ovan, Netscape Navigator eller Communicator versioner från 4,5 till 4,78 (förutom versioner 6.x)

Corel SVG Viewer.

Utvecklaren: Corel Corp.

Distributionstorlek: 4,9 MB

Distributionsmetod: Freeware (modul kan hämtas på: http://www.corel.com/servlet/satellite?pagename\u003dcorel/downloads/details&id\u003d1042152917172)

Pris: är gratis

Arbete kör:Windows 98 / NT / 2000 / Me / XP

Browser support: Microsoft Internet Explorer 5.5 och ovan, Netscape Navigator eller Communicator versioner 4.79, 7.02

Program för att skapa SVG-grafik

Alla program för att skapa SVG-grafik kan delas upp i tre stora grupper. Den första innehåller populära tvådimensionella grafikpaket, orienterade med vektorgrafik och så att du kan exportera bilder till SVG-format. De mest populära av dem är Adobe Illustrator och CorelDraw; Dessutom stöder sådan export till ett eller annat sätt många andra applikationer: AutoCAD, Microsoft Visio, etc. Den största fördelen med denna grupp av applikationer är att de har avancerade verktyg för att skapa vektorbilder och låta dig uppnå unika effekter genom användningen Av OH-film fyller gradient, en mängd olika filter, etc. Men dessa applikationer kräver allvarlig specialutbildning och är därför mer beräknade på professionella designers. Dessutom är de i och stora inte fokuserade på SVG-design (även om de låter dig ta emot grafik i skalbar vektorgrafik) - vilket ger bekväm visuell skapelse och visning av bilder, tillåter dessa applikationer inte att anpassa dem på en textnivå , som är relevant för SVG-grafik. Viktigt är det faktum att stödet för skalbar vektor grafikformat inte är fullständigt implementerat, vilket resulterar i att de inte alla vektorbildelement kan exporteras till SVG utan fel.

Den andra gruppen av programvaruprodukter bildar paket avsedda enbart för att skapa SVG-grafik. De har mycket mindre möjligheter i planen för visuell design vektorbilder, även om de inkluderar alla nödvändiga verktyg. Men de ger lämpliga verktyg för redigering av källkoden och låter dig arbeta med SVG-objekt parallellt - och i visuellt läge, och på kodnivå, och mellan dessa alternativ för informationspresentation kan du enkelt byta. Alla applikationer från den här gruppen är mycket enkla och tillgängliga och kräver inte mycket tid att behärska. Dessutom har de relativt små fördelningar när det gäller volymer (jämfört med tillämpningarna av den första gruppen), så utan problem kan köpas via Internet. Program med sådana egenskaper är dock ganska, och nedan kommer vi att överväga i detalj bara fyra, vilket motsvarar det största intresset och utformat för olika kategorier av användare. Med en fullständig lista över applikationer tillgängliga för att skapa SVG-grafik kan du hitta på: http://wiki.svg.org/design_tools.

Slutligen, i den tredje gruppen kan du aktivera textredaktörer, inklusive den vanliga anteckningsboken. Som det noteras ovan är skalbart vektorgrafikformat baserat på ett XML-språk, vilket gör att du kan skapa och redigera SVG-filer på en textnivå-textredigerare om det behövs.

Fullfjädrade grafiska applikationer som gör att du kan skapa SVG-grafik

Adobe Illustrator CS2.

Utvecklaren: Adobe Systems, Inc.

Distributionstorlek: Macintosh Version - 428,9 MB, Windows Version - 398,6 MB

Distributionsmetod: Shareware (30-dagars demoversion av paketet är tillgängligt på: http://www.adobe.com/products/tryadobe/main.jsp #product\u003d27)

Pris: 665 dollar

Arbete kör: Windows 2000 med Service Pack 3 eller Windows XP, Mac OS X-versioner från 10.2.4 till 10.2.7, Java Runtime Environment 1.4.1

Från och med den 9: e versionen i Adobe Illustrator (Fig 3) implementeras import och export av SVG-filer, och det är mycket högre i jämförelse med liknande grafiknivåer. Paketet stöder alla befintliga SVG-specifikationer, ISO 8859-1, UTF-8 och UTF-16-kodning, olika textexportalternativ och låter dig exportera bilder i både det vanliga SVG-formatet och komprimerade SVGZ.

I SVG-grafen som skapats i sin miljö, gradienterna, transparensen, liksom en hel serie av speciellt specificerade SVG-effekter (Effect \u003d\u003e SVG-filter) i form av olika skuggor, suddiga etc. Bilder med sådana effekter behåller klarheten När du tittar i webbläsaren med någon förstoring. Förutom den statiska grafiken låter illustratören ta emot och interaktiv grafik i SVG-format - för detta ändamål finns det en speciell palett av SVG-interaktiviteten (den kan öppnas från fönstret \u003d\u003e SVG-interaktivitetsmenyn) där åtgärderna är Ange för interaktiva objekt. Det är värt att notera att arbetet med interaktiva SVG-element i Illustratörsprogrammet kräver kunskap om Java-skriptspråket och förstår de grundläggande principerna för objektorienterad programmering. Dessutom, med hjälp av det skalbara vektorgrafikformatet i det här programmet kan du skapa en dynamisk datasgrafik (Dynamic Data-Driven Graphics).

CorelDRAW Graphics Suite 12

Utvecklaren:Corel Corp.

Distributionstorlektiva: 200 MB

Distributionsmetod: Shareware (Demonstration version kan laddas ner från online shopping webbplatser, till exempel på http://allsoft.ru/download.php?ver\u003d17605)

Pris: 290 dollar (allsoft.ru)

Arbete kör:Windows NT / 2000 / XP

Den välkända ansökan om utveckling av professionell CorelDRAW-grafik (figur 4), som ingår i Coreldraw Graphics Suite 12-paketet, ger import och export i SVG och SVGZ-format på basnivå, och kan därför användas till Skapa statisk och interaktiv SVG-grafik.


I SVG-filen i CorelDraw

Applikationen implementerar stöd för orecognized data, attribut och metadata, och ger också förhandsgranskning av SVG-filer i webbläsaren innan du exporterar. Dessutom är Unicode Encoding för UTF-8 och UTF-16 kodningsmetoder och olika textexportalternativ och bitmappsbilder möjliga. I den senaste versionen förbättras support för export av symboler, texter, skuggor, konturer, lager, inbäddade binära bilder etc. avsevärt.

Mayura Draw 4.3.

Utvecklaren: Mayura programvara.

Distributionstorlek: 1,3 MB

Distributionsmetod:shareware (Demo Version - http://www.mayuradraw.com/mdraw.zip)

Pris: $ 39

Arbete kör: Windows 95/98 / Me / NT / 2000 / XP

Mayura Draw (Fig 5) är ett mycket enkelt och billigt vektor grafiskt skapande program utformat för en bred användare. Vektorbilder som erhålls i den kan exporteras till SVG-format, och därför kan Mayura Draw bli möjlig lösning Att utveckla statisk SVG-grafik. Programmet stöder alla grundläggande vektorgrafikverktyg och låter dig få vektorbilder baserat på grafiska primitiva, linjära och krökta konturer och text. I listan över dess kapacitet - lämpliga medel för nivellering, distribution och effektivisering av objekt, transparenshantering, användning av guider och linjer för korrekt placering av föremål och olika transformation.

Specialiserade paket för att skapa SVG-grafik

Evolgrafix Xstudio 6.1.

Utvecklaren:Evolgrafix.

Distributionstorlek:7,25 MB

Distributionsmetod: http://www.evolgrafix.de/htdocs/files/trials/xstudio6x/xstudio6-trial.exe)

Pris: $ 449 - Kommersiell licens, $ 249 - Akademisk licens

Arbete kör: Windows 2000 / XP

Professionell Xstudio Pack (Bild 6) är ett lämpligt verktyg för att skapa olika SVG-grafik för nätverks- och mobila enheter och ger fullständig kontroll över SVG-projektet som helhet och ovanför vektorbilder, animering, skript etc. Ansökan kännetecknas av intuitivt Och enkelt anpassningsbart användargränssnitt ger ett brett utbud av verktyg, har en hög hastighet på jobbet, låter dig skapa SVG-grafik av alla befintliga specifikationer och stöder alla stildesigner skalbara vektorgrafik. Allt detta i kombination med det relativt låga för ett professionellt paket ger dig det bästa. yrkesbeslut Liknande plan. Xstudio-paketet levereras med en detaljerad dokumentation, en kompletterande serie lektioner och lätt att lära.

Fikon. 6. Kombinera den visuella bildskapandet med redigeringskod
I Evolgrafix Xstudio.

Applikationen har alla nödvändiga funktioner för att skapa och bearbeta vektorbilder och i den här planen liknar mycket Adobe Illustrator-paketet. Samtidigt är Xstudio orienterad direkt till förberedelsen av statisk, interaktiv och animering SVG-grafik och därmed kompletteras med klassiska medel för att arbeta med vektorobjekt med specifika SVG-funktioner. Verktygslådans inbyggda dokumentobjektmodell (DOM) ger en hierarkisk syn på SVG-objekt, en bekväm XML-redigerare gör att du kan korrigera källkoden på textnivå och skriptredigeraren är att komplettera den med Java-skript. Att arbeta med koden är organiserad mycket bekvämt: fragment av koden för det valda objektet markeras automatiskt, det är möjligt att söka efter text och installera bokmärken etc. Alla kodändringar återspeglas omedelbart i det visuella visningsfönstret och visuella förändringar i Redigeringsfönstret.

Inkscape.

Utvecklaren: IOSN (International Open Source Network - International Open Network)

Distributionstorlek: 8,7 MB

Pris:är gratis

Arbete kör: Windows 9X / NT / 2000 / XP, Mac OS X, Linux

Inkscape (fig 7) är den mest lovande vektorredigeraren baserad på den öppna källmodellen, som är en multiplattform och ett kraftfullt verktyg för att utveckla grafik i enlighet med den skalbara vektorgrafikstandarden. Stygg funktionalitet Arbeta med vektorbilder, liksom gränssnittet, är Inkscape mycket påminde av CorelDraw. Det implementerar alfakanalsstöd, arbetar med lager, användningen av strömlinjeformad text, spektakulära gradientfyllningar, ett stort antal filter och effekter, en mängd omvandling, bekväm drift med konturer och föremål, gruppering av föremål och mycket mer. Du kan importera data från JPEG, PNG och TIFF-filer och implementera dem i SVG-bilder.


Inbyggd Inkscape Editor

Men i motsats till CorelDraw är Inkgscape-paketet placerat som en applikation för SVG-designers, så i det, tillsammans med den klassiska visuella skapandet av grafik, är det möjligt att direkt bearbeta XML-koden i den inbäddade textredigeraren. Programmet är konfigurerat för att spara bilder i konventionella och komprimerade SVG-filer, men om du vill kan du konvertera till vanliga vektor- och rasterformat.

Inkscape-paketet kännetecknas av ett bekvämt ryssat gränssnitt, lätt att lära och levereras med ett bra referenssystem som innehåller en mängd olika användningsexempel, och dessutom är den här applikationen gratis - allt detta gör det mycket attraktivt för ett brett utbud av användare . De viktigaste nackdelarna med programmet är dess låga och ökade krav på systemresurser.

Corel Webdraw.

Utvecklaren: Corel Corp.

Distributionstorlek:15,6 MB

Distributionsmetod: Shareware (30-dagars demonstrationsversion - http://www5.jasc.com/pub/wdw102ev.exe)

Pris: $ 179 - Hämta version, 199 dollar - CD-version

Arbete kör: Windows 98 / NT4 / 2000 / ME / XP

Corel Webdraw-paketet (bild 8), mer känt som JASC Webdraw, är en universell lösning för att skapa högkvalitativ grafik och animering i SVG-format, orienterad på professionella designers. Och intuitiv förståligt gränssnitt Programmen gör det attraktivt och för ett brett utbud av användare.

Applikationen har en omfattande uppsättning standardgrafikverktyg som är karakteristiska för fullfjädrad tillämpning av att arbeta med vektorgrafik: grundläggande former (ellips, rektangel, stjärna, etc.), fjäder, polygon, polylin, text, etc. Tillsammans med Webdraw Vector-objekten låter dig komplettera SVG-objekt av extern rasterbilder. Förutom konventionella fyllningar och överlagring av färdiga stilar kan komplexa gradienter, fyllningar, inklusive de som skapas av sigmönster, användas. För att få mer spektakulära bilder kan du använda filter - både ganska enkel (oskärpa och skuggbeläggning) och komplex (texturering och belysning). För att noggrant placera objekt, galler, guider och regler är avsedda, och den inbyggda dokumentobjektmodellen (DOM) -verktygslådan representerar SVG-objekt i form av ett hierarkiskt träd, vilket väsentligt förenklar kontrollen.

Webdraw är utrustad med en universell pil av animering av animering tidslinje animering, som är byggd på grundval av objektmodell SVG DOM (dokumentobjektmodell), som låter dig välja och animera nästan alla attribut eller egenskap av objektet för alla typer när som helst. Drag- och droppmekanismen gör att du kan redigera direkt i monteringslinjen, de första och slutpunktspunkter i animationen, liksom varaktigheten för varje animeringsfas. Eftersom de viktigaste animationspunkterna (keangid) sätts in varje gång när animationsparametrarna är inställda för attributet eller objektegenskaperna, kan de överföras till andra spisar för att automatiskt justera fördelningen av animeringseffekter i tid.

Paketet låter dig arbeta med SVG-grafik i två versioner: hur med en uppsättning visuellt visas grafiska föremåloch med lämplig källkod. Redigera källkoden i den inbäddade textredigeraren för SVG-filerna ger ytterligare flexibilitet och kontroll över innehållet i filerna. Automatisk kontroll Ändras B. källkod Det bidrar till att uppnå garanterad korrekthet av beteendet hos grafiken som skapas, och de fel som hittats är märkta med färg, vilket eliminerar designern från många timmar av sökningar bland hundratals kodlinjer. Resultatet av eventuella ändringar i källkoden visas omedelbart på skärmen. Om du vill ha på Webdraw kan du importera, redigera och optimera SVG-filer som skapats i miljön för andra applikationer.

SKETSA SVG Editor 3.2.3

Utvecklaren:Kiyut.

Distributionstorlek:5,99 MB

Distributionsmetod: Shareware (Demonstration version lägger till en etikett till bilden - http://www.kiyut.com/products/sketsa/sketsa.zip)

Pris: $ 49

Arbeta under kontroll: Windows 2000 / XP, Java VM (JRE) 1.5 och över (http://www.java.com/getjava), Unix och Linux

SKETSA-applikationen (fig 9) avser de mest populära av SVG-redaktörerna och låter dig skapa professionell SVG-grafik, inklusive SVGZ-optimering. Paketet kombinerar framgångsrikt enkelheten och bekvämligheten med att arbeta med ett brett utbud av funktioner och är kompatibelt med Windows-, Mac- och Linux-system.

Sketsa stöder en klassisk uppsättning karaktäristik för alla vektorverktygsprogram som låter dig skapa och omvandla alla vektorobjekt baserade på både konturer och grafiska primitiva och text som om så önskas är lätt att lägga till rasterbilder. Det är möjligt att kontrollera öppenhet, användningen av gradientfyllningar och filter. Allt detta kompletteras med specialiserade SVG-funktioner, tack vare vilken bild som helst kan redigeras inte bara visuellt, men också i textläge. För att redigera SVG-koden finns en inbyggd XML-textredigerare i paketet. För bekvämligheten av objekthantering finns det en inbyggd dokumentobjektmodell (DOM) -verktygslåda, som är en hierarkisk träduppsättning objekt i SVG-dokumentet, vilket gör att du kan välja ett dokumentobjekt för att redigera dess egenskaper.