Programmer for å jobbe med SVG ↓. Hva er filtypen SVG? Generell beskrivelse av utvidelsen

For å designe en hvilken som helst nettside trenger du både statisk grafikk og en rekke animerte og interaktive elementer, som for det første gjør informasjonen som presenteres på den mer attraktiv, og for det andre bidrar til en bedre oppfatning av materialet.

Grafisk informasjon overføres mye langsommere enn tekstinformasjon, og innlastingstiden til bilder er direkte avhengig av størrelsen på grafikkfilene deres, så rask innlasting av nettsider forutsetter den lille størrelsen på de grafiske bildene som er innebygd i dem. Sistnevnte oppnås gjennom det optimale valget av grafisk filformat, så vel som gjennom optimalisering, hvis oppgave er å finne et kompromiss mellom sidelastingshastigheten og kvaliteten på bildene som presenteres på den. Optimaliseringsmulighetene er imidlertid ikke ubegrensede, og bilder av høy kvalitet har en tendens til å være store, så det er fortsatt en stor utfordring å oppnå høykvalitets nettbilder i små størrelser.

Men spørsmålet handler ikke bare om størrelse og kvalitet - å utvikle et design for en nettside viser seg å være en sak som krever at designeren kjenner til et bredt spekter av forskjellige teknologier og programvareprodukter, siden det er nødvendig for forskjellige typer grafisk informasjon å bruke forskjellige filformater og forskjellige teknologier for å lage dem. For statisk grafikk brukes GIF-, JPG- eller PNG-formater, som kan lages i en rekke grafikkpakker. For animerte objekter brukes animasjonsformatene GIF og Flash, og slike objekter utvikles i spesialiserte programvareapplikasjoner (spesifikke for hver av disse formattypene). Interaktive elementer (rollovers, ImageMap-lenker, etc.) er også, som regel, laget i spesialiserte applikasjoner og representerer et sett med grafiske bilder, forbindelsen mellom disse er etablert i en fil med HTML-kode som utfyller dem.

En vellykket løsning på disse problemene kan være overgangen til SVG (Scalable Vector Graphics scalable vector graphics) grafisk format, basert på XML-språket, takket være hvilket ethvert SVG-bilde kan representeres av et sett med kommandolinjer (fig. 1). , og selve SVG-filen kan åpnes i et hvilket som helst tekstredigeringsprogram, inkludert Notisblokk. Denne relativt nye teknologien ble opprinnelig utviklet av Adobe spesielt for nettet, og er i dag av stor interesse for mobile enheter, og gir skapelse av høykvalitets statisk, animert og interaktiv grafikk. Derfor er det ikke overraskende at det støttes aktivt av W3C-konsortiet (http://www.w3.org/Graphics/SVG) i 2003, SVG 1.1-standarden ble vedtatt av W3C som en anbefaling, og spesifikasjonen er for tiden utvikles SVG 1.2 (http://www.w3.org/TR/SVG12/).

med tilhørende bilde

SVG-teknologi lar deg kombinere tekst, grafikk, animasjon og interaktive komponenter i ett format og er basert på tre typer grafiske bilder: vektorformer, bilder og tekst. Former, som det er vanlig i vektorgrafikk, er representert enten ved rettlinjede og krumlinjede konturer, eller grafiske primitiver (rektangler, ellipser, etc.), og tegninger er importerte rasterbilder. I tillegg støtter SVG-formatet ulike typer animerte (som minner om GIF- og Flash-animasjoner) og interaktive objekter, for eksempel rollovers, lenkekart og andre navigasjonselementer. Og siden denne standarden er basert på XML-språket, kan SVG-filen, sammen med elementer beregnet for visuell visning, også inneholde ulike metadata.

Fordeler og ulemper med å bruke SVG-formatet

Ved å bruke SVG-formatet kan du utvikle mindre, raskere lastende, høykvalitets, allsidig grafikk for nettet og mobile enheter som ingen andre grafikkformater kan tilby. De viktigste fordelene med SVG-grafikkformatet inkluderer følgende:

• høy kvalitet på bilder uavhengig av størrelse, noe som forklares av vektornaturen til SVG-formatet. Bilder kan forminskes eller forstørres på ubestemt tid uten tap av kvalitet (fig. 2) i samsvar med størrelsen på skjermen, som lar deg få bilder av høy kvalitet med grafisk informasjon på ulike typer enheter (stasjonære datamaskiner, lommedatamaskiner, etc.). ), og gjør det også mulig å mer nøye undersøke individuelle detaljer dette er viktig, for eksempel når du arbeider med tekniske tegninger;
• mye mindre filstørrelse sammenlignet med GIF-, JPG-, PNG- og animasjons-GIF-formater, og enda mer med Flash-formatet. For eksempel, hvis GIF-filen som ble testet for artikkelen, komprimert i LZW-komprimeringsmodus, var 26 KB, tok størrelsen på den tilsvarende SVG-filen 1220 byte, og når den ble komprimert i SVGZ-formatet, var den bare 685 byte.

Men det er ikke bare det. Sammenlignet med tradisjonelle alternativer for grafisk representasjon av nettet, har bruken av SVG-formatet mange andre ubestridelige fordeler.

Så for utviklere er de viktige fordelene:

• evnen til å kombinere statiske, animerte og interaktive elementer i ett format, samt en kombinasjon av vektor- og rasterobjekter;
• forbedret teksthåndtering, inkludert kerning, buet tekst og ubegrenset skriftbruk;
• mer effektiv kontroll av fargenøyaktighet og de bredeste mulighetene for bruk av høyoppløselige gradientfyllinger, skygger, filtre osv. i nettbilder;
• den tekstlige karakteren til SVG-formatet og dets støtte for cascading stilark, noe som i stor grad forenkler prosessen med å oppdatere et nettsted og lar om nødvendig gjøre endringer i det uten å ty til spesielle programmer;
• integrasjon med databaser bygget på XML (Extensible Markup Language) og CSS (Cascading Style Sheets) standarder, som lar deg lagre SVG-bilder i databasen og lage dynamiske nettsider ved å bruke dem - forskjellige for ulike plattformer, personlige innstillinger osv. d. ;
• ingen indekseringsproblemer SVG-filer indekseres av alle søkemotorer (i motsetning til for eksempel SWF-filer).

Brukere vil glede seg over SVG-innhold som lastes raskt inn av høy kvalitet. I tillegg er det mulig å kopiere teksten som ligger på SVG-bildet, og dermed lagre litt nyttig informasjon til deg selv, samt søke etter tekst i bildet, noe som i noen tilfeller kan være ekstremt nødvendig, for eksempel ved søk etter ønsket navn på et kart eller en tegning.

Men som vanlig, sammen med fordelene, har SVG-teknologien også ulemper, og svært alvorlige.

• SVG-bilder støttes dårlig av nettleserprodusenter. Som et resultat, for å se SVG-grafikk fra nettleseren, blir brukere tvunget til å installere en tredjeparts plugin som gir denne muligheten, for eksempel SVG Viewer fra Adobe. I teorien er dette ikke vanskelig de tilsvarende plugins er enkle å installere, gratis, små i størrelse og kan raskt lastes ned fra Internett. I praksis viser alt seg å være mye mer komplisert, siden de fleste Internett-brukere ikke er klar over eksistensen av disse egenskapene og derfor ikke kan se denne typen grafikk uten plugin, den er rett og slett ikke synlig. Situasjonen endrer seg imidlertid gradvis, og det siste året har to ledende nettleserutviklere introdusert støtte for SVG-formatet. I vår ga Opera Software ut versjon 8 av Opera-nettleseren, som støtter SVG 1.0 Tiny; i versjonen av Opera 9.0 som dukket opp litt senere, ble delvis støtte for SVG 1.0 Basic-formatet implementert. Den andre utvikleren som inkluderte SVG-støtte var Mozilla-organisasjonen. Mozilla SVG-prosjektmodulen, som gir visning av SVG-grafikk i 1.1-spesifikasjonen, ble inkludert i nettleseren Firefox 1.5. I tillegg, i midten av 2005, startet utviklerne av Safari-nettleseren som opererer på datamaskiner som kjører Mac OS X aktivt arbeid med å introdusere støtte for SVG 1.1;
• Sammenlignet med andre grafikkformater er SVG-formatet fortsatt dårlig støttet av grafikkprogramvareutviklere, selv om ledende grafikkpakker som Adobe Illustrator, Corel DRAW osv. lar deg eksportere grafikk til SVG-filer. Selvfølgelig kan SVG-filer lages i hvilken som helst tekstredigerer, men dette er ikke praktisk med tanke på hastighet og utviklingskostnader. Det er praktisk å redigere en fil i et tekstredigeringsprogram om nødvendig (som forresten bare er mulig hvis du har dyp kunnskap om XML-teknologi), men å lage den fra bunnen av er uklokt, siden det vil kreve overdreven tid og krefter. For å gjøre dette trenger vi enkle og praktiske verktøy for rask visuell utvikling av grafikk i Scalable Vector Graphics-formatet med muligheten til å redigere programkoden som tilsvarer bildet i samme miljø, men det er svært få slike produkter og de er ikke Velkjente.

Som et resultat oppstår en veldig trist situasjon: mange brukere kan ennå ikke se SVG-grafikk på grunn av mangel på støtte for det i nettlesere på riktig nivå, webutviklere utvikler praktisk talt ikke SVG-grafikk, uansett hvor attraktive de måtte være, og programvareutviklere unner ikke webdesignere med en rekke applikasjoner som er spesifikt fokusert på SVG. Resultatet er en ond sirkel: "Hvis det ikke er innhold, trenger folk ikke en SVG-implementering, og hvis det ikke er noen implementering, så er det ikke noe innhold" Det er nøyaktig hvordan situasjonen ble beskrevet i et av W3C-konsortiet møter.

Men du kan se på situasjonen fra den andre siden: støtten fra SVG (men ennå ikke i sin helhet) fra to populære nettlesere, samt interessen for teknologien til kjente utviklere, tyder på at "isen har brutt" og at SVG har en reell sjanse til å bli et av de populære formatene for å presentere nettinformasjon. Denne sjansen øker på grunn av den økende interessen for SVG-teknologi i forhold til mobile enheter, hvor kravene til bildestørrelse og kvalitet er mye høyere. Opera Software, for eksempel, planlegger først å implementere full støtte for SVG-formatet på stasjonære datamaskiner og først deretter overføre det til mobile plattformer. Derfor er det på tide at nettdesignere tenker på å bruke SVG, ellers risikerer de å bli etterlatt i nær fremtid.

Plugins for visning av SVG-grafikk

Som allerede nevnt, for nå, vil de fleste brukere måtte bruke en av de passende pluginene for å se SVG-grafikk i sin helhet i et nettleservindu, hvorav de mest kjente er de gratis modulene Adobe SVG Viewer og Corel SVG Viewer. Den første av dem, Adobe SVG Viewer, kommer som en egen applikasjon, er kompakt og praktisk, fungerer på forskjellige plattformer, støtter et stort antall nettlesere, og er derfor mye mer populær blant brukere. Corel SVG Viewer-applikasjonen er inkludert i Corel Smart Graphics Studio-pakken, men er også tilgjengelig som freeware.

Det finnes andre alternativer for visning av SVG-grafikk, du kan for eksempel bruke de tilsvarende modulene fra Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/; batik)-pakker, KDE KSVG (http://www.kde.org), etc. En fullstendig liste over programmer som gir visning av SVG-bilder er gitt på: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

Utvikler: Adobe Systems, Inc.

Distribusjonsstørrelse: 2,25 MB

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

Pris: gratis

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

Nettleserstøtte: Internet Explorer 4.0 eller nyere, Netscape Navigator eller Communicator 4.5 til 4.78 (unntatt 6.x)

Corel SVG Viewer

Utvikler: Corel Corp

Distribusjonsstørrelse: 4,9 MB

Distribusjonsmetode: freeware (modulen kan lastes ned fra: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Pris: gratis

Arbeid under kontroll: Windows 98/NT/2000/Me/XP

Nettleserstøtte: Microsoft Internet Explorer 5.5 og nyere, Netscape Navigator eller Communicator versjoner 4.79, 7.02

Programmer for å lage SVG-grafikk

Alle programmer for å lage SVG-grafikk kan deles inn i tre store grupper. Den første inkluderer populære todimensjonale grafikkpakker som er fokusert på arbeid med vektorgrafikk og som samtidig lar deg eksportere bilder til SVG-formatet. De mest populære av dem er Adobe Illustrator og CorelDRAW; i tillegg støtter slik eksport i en eller annen grad mange andre applikasjoner: AutoCAD, Microsoft Visio osv. Hovedfordelen med denne gruppen applikasjoner er at de har avanserte verktøy for å lage vektorbilder og lar deg oppnå unike effekter gjennom bruken av gjennomsiktighet, gradientfyllinger, ulike filtre osv. Men disse applikasjonene krever seriøs spesialopplæring og er derfor hovedsakelig designet for profesjonelle designere. I tillegg er de stort sett ikke fokusert på SVG-design (selv om de lar deg få grafikk i Scalable Vector Graphics-format) samtidig som de gir praktisk visuell oppretting og visning av bilder, tillater ikke disse applikasjonene at de justeres i teksten nivå, som er relevant for SVG-grafikk. Det er også viktig at støtte for Scalable Vector Graphics-formatet ikke er fullt implementert i dem, som et resultat av at ikke alle vektorbildeelementer kan eksporteres til SVG uten feil.

Den andre gruppen av programvareprodukter består av pakker designet eksklusivt for å lage SVG-grafikk. De har mye mindre evner når det gjelder visuell utvikling av vektorbilder, selv om de inkluderer alle nødvendige verktøy. Men de gir praktiske verktøy for å redigere kildekode og lar deg jobbe med SVG-objekter parallelt, både visuelt og på kodenivå, og du kan enkelt bytte mellom disse alternativene for å presentere informasjon. Alle applikasjoner fra denne gruppen er veldig enkle og tilgjengelige og krever ikke mye tid å lære. I tillegg har de relativt små distribusjoner (sammenlignet med applikasjoner i den første gruppen), slik at de kan kjøpes via Internett uten problemer. Imidlertid er det svært få programmer med slike muligheter, og nedenfor vil vi vurdere i detalj bare fire som er av størst interesse og designet for forskjellige kategorier av brukere. En fullstendig liste over programmer tilgjengelig for å lage SVG-grafikk finner du på: http://wiki.svg.org/Design_Tools.

Og til slutt kan den tredje gruppen inkludere alle tekstredigerere, inkludert en vanlig notisblokk. Som nevnt ovenfor er Scalable Vector Graphics-formatet basert på XML-språket, som lar deg lage og redigere SVG-filer på tekstnivå i et tekstredigeringsprogram om nødvendig.

Fullverdige grafikkapplikasjoner som lar deg lage SVG-grafikk

Adobe Illustrator CS2

Utvikler: Adobe Systems, Inc.

Distribusjonsstørrelse: Macintosh-versjon 428,9 MB, Windows-versjon 398,6 MB

Distribusjonsmetode: shareware (en 30-dagers demoversjon av pakken er tilgjengelig på: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Pris:$665

Arbeid under kontroll: Windows 2000 med Service Pack 3 eller Windows XP, Mac OS X versjoner 10.2.4 til 10.2.7, Java Runtime Environment 1.4.1

Fra og med versjon 9 har Adobe Illustrator (fig. 3) implementert import og eksport av SVG-filer, og på et mye høyere nivå sammenlignet med lignende grafiske applikasjoner. Pakken støtter alle eksisterende SVG-spesifikasjoner, ISO 8859-1, UTF-8 og UTF-16-kodinger, ulike teksteksportalternativer og lar deg eksportere bilder i både vanlig SVG-format og komprimert SVGZ.

I SVG-grafikken som er laget i miljøet, kan du bruke gradienter, gjennomsiktighet, samt en hel serie spesialdesignede SVG-effekter (Effect=>SVG-filtre) i form av ulike skygger, uskarphet osv. Bilder med slike effekter forblir tydelig når den vises i nettleseren med en hvilken som helst forstørrelse. I tillegg til statisk grafikk lar Illustrator deg også lage interaktiv grafikk i SVG-format for dette formålet, en spesiell SVG Interaktivitet-palett (den kan åpnes fra Window=>SVG Interactivity-menyen), der handlinger for interaktive objekter; er spesifisert. Det er verdt å merke seg at arbeid med interaktive SVG-elementer i Illustrator krever kunnskap om Java Script og en forståelse av de grunnleggende prinsippene for objektorientert programmering. I tillegg, ved å bruke Scalable Vector Graphics-formatet i dette programmet, kan du lage Dynamic Data-Driven Graphics.

CorelDRAW Graphics Suite 12

Utvikler: Corel Corp.

Distribusjonsstørrelse tiva: 200 MB

Distribusjonsmetode: shareware (demoversjonen kan lastes ned fra nettbutikksider, for eksempel på: http://allsoft.ru/Download.php?ver=17605)

Pris:$290 (Allsoft.ru)

Arbeid under kontroll: Windows NT/2000/XP

Den velkjente applikasjonen for utvikling av profesjonell vektorgrafikk, CorelDRAW (fig. 4), inkludert i CorelDRAW Graphics Suite 12, gir import og eksport i SVG- og SVGZ-formater på et grunnleggende nivå, og kan derfor brukes til å lage statiske og interaktive SVG-grafikk.

til en SVG-fil i CorelDRAW

Applikasjonen støtter ukjente data, attributter og metadata, og gir også muligheten til å forhåndsvise SVG-filer i nettleseren før eksport. I tillegg er Unicode-koding mulig for UTF-8 og UTF-16-kodingsmetoder og ulike alternativer for eksport av tekst og punktgrafikkbilder. Den siste versjonen har betydelig forbedret støtte for eksport av symboler, tekst, skygger, konturer, lag, innebygde binære bilder, etc.

Mayura Draw 4.3

Utvikler: Mayura programvare

Distribusjonsstørrelse: 1,3 MB

Distribusjonsmetode: shareware (demo-versjon http://www.mayuradraw.com/mdraw.zip)

Pris:$39

Arbeid under kontroll: Windows 95/98/Me/NT/2000/XP

Mayura Draw (fig. 5) et veldig enkelt og billig program for å lage vektorgrafikk designet for den generelle brukeren. De resulterende vektorbildene kan eksporteres til SVG-format om ønskelig, og derfor kan Mayura Draw være en mulig løsning for å utvikle statisk SVG-grafikk. Programmet støtter alle de viktigste vektorgrafikkverktøyene og lar deg få vektorbilder basert på grafiske primitiver, lineære og krumlinjede konturer og tekst. Listen over funksjonene inkluderer praktiske midler for å justere, distribuere og organisere objekter, administrere gjennomsiktighet, bruke guider og linjaler for presis plassering av objekter, og ulike transformasjoner.

Spesialiserte pakker for å lage SVG-grafikk

EvolGrafiX XStudio 6.1

Utvikler: EvolGrafiX

Distribusjonsstørrelse: 7,25 MB

Distribusjonsmetode: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Pris:$449 kommersiell lisens, $249 akademisk lisens

Arbeid under kontroll: Windows 2000/XP

Den profesjonelle pakken XStudio (fig. 6) er et praktisk verktøy for å lage mangfoldig SVG-grafikk for nettet og mobile enheter og gir full kontroll over både SVG-prosjektet som helhet og over vektorbilder, animasjoner, skript osv. Applikasjonen er praktisk , har et intuitivt og lett tilpasset brukergrensesnitt, gir et bredt spekter av verktøy, er rask, lar deg lage SVG-grafikk av alle eksisterende spesifikasjoner og støtter alle skalerbare vektorgrafikkstiler. Alt dette, kombinert med en relativt lav pris for en profesjonell pakke, gjør at vi kan vurdere det som den beste profesjonelle løsningen i sitt slag. XStudio kommer med detaljert dokumentasjon, støttet av en rekke opplæringsprogrammer, og er lett å lære.

Ris. 6. Kombinere visuell bildeoppretting med redigering av kildekode
i EvolGrafiX XStudio

Applikasjonen har alle nødvendige muligheter for å lage og behandle vektorbilder og er i denne forbindelse veldig lik Adobe Illustrator-pakken. Samtidig er XStudio fokusert direkte på utarbeidelse av statisk, interaktiv og animert SVG-grafikk og derfor, sammen med klassiske verktøy for å jobbe med vektorobjekter, er den supplert med spesifikke SVG-funksjoner. Den innebygde Document Object Model (DOM)-verktøylinjen gir en hierarkisk representasjon av SVG-objekter, en praktisk XML-editor lar deg korrigere kildekoden på tekstnivå, og en script-editor lar deg supplere den med Java-skript. Å jobbe med kode er veldig praktisk organisert: kodefragmenter av det valgte objektet utheves automatisk, det er mulig å søke etter tekst og sette bokmerker osv. Eventuelle kodeendringer reflekteres umiddelbart i det visuelle visningsvinduet, og visuelle endringer reflekteres i redigeringsvindu.

Inkscape

Utvikler: IOSN (International Open Source Network International Open Source Network)

Distribusjonsstørrelse: 8,7 MB

Pris: gratis

Arbeid under kontroll: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (fig. 7) er den mest lovende vektoreditoren basert på Open Source-modellen, som er multiplattform og er et kraftig verktøy for å utvikle grafikk i henhold til Scalable Vector Graphics-standarden. I funksjonaliteten for arbeid med vektorbilder, samt grensesnittet, er Inkscape veldig lik CorelDRAW. Den støtter alfakanaler, arbeid med lag, bruk av flytende tekst, spektakulære gradientfyll, et stort antall filtre og effekter, ulike transformasjoner, praktisk arbeid med konturer og objekter, gruppering av objekter og mye mer. Du kan importere data fra JPEG-, PNG- og TIFF-filer og bygge dem inn i SVG-bilder.

innebygd Inkscape-editor

Imidlertid, i motsetning til CorelDRAW, er Inkscape posisjonert som en applikasjon for SVG-designere, og derfor, sammen med klassisk visuell grafikk, gir den muligheten til å behandle XML-kode direkte i det innebygde tekstredigeringsprogrammet. Programmet er konfigurert til å lagre bilder i vanlige og komprimerte SVG-filer, selv om de kan konverteres til vanlige vektor- og rasterformater om ønskelig.

Inkscape-pakken har et praktisk russifisert grensesnitt, er lett å lære og kommer med et godt hjelpesystem, inkludert en rekke eksempler på bruk, og i tillegg er denne applikasjonen gratis - alt dette gjør den veldig attraktiv for et bredt spekter av brukere . De største ulempene med programmet er dets lave driftshastighet og økte krav til systemressurser.

Corel WebDraw

Utvikler: Corel Corp

Distribusjonsstørrelse: 15,6 MB

Distribusjonsmetode: shareware (30-dagers demo http://www5.jasc.com/pub/wdw102ev.exe)

Pris:$179 nedlastingsversjon, $199 CD-versjon

Arbeid under kontroll: Windows 98/NT4/2000/Me/XP

Corel WebDraw (figur 8), bedre kjent som Jasc WebDraw, er en omfattende løsning for å lage SVG-grafikk og animasjoner av høy kvalitet rettet mot profesjonelle designere. Og det intuitive grensesnittet til programmet gjør det attraktivt for et bredt spekter av brukere.

Applikasjonen gir et omfattende sett med standard grafiske verktøy som er typiske for en fullverdig vektorgrafikkapplikasjon: grunnleggende former (ellipse, rektangel, stjerne, etc.), penn, polygon, polylinje, tekst, etc. Sammen med vektorobjekter lar WebDraw deg supplere SVG-objekter med eksterne rasterbilder. I tillegg til vanlige fyll og overliggende ferdige stiler, kan du bruke komplekse gradienter, fyll, inkludert mønstre laget av deg selv. For å få mer effektive bilder kan du bruke filtre, både ganske enkle (uskarphet og skyggelegging) og komplekse (teksturering og lyssetting). Rutenett, hjelpelinjer og linjaler hjelper deg med å plassere objekter nøyaktig, og den innebygde DOM-verktøylinjen (Document Object Model) presenterer SVG-objekter i en hierarkisk trevisning for enkel administrasjon.

WebDraw er utstyrt med en universell animasjons storyboard-linje, Animation Timeline, som er bygget på grunnlag av SVG DOM (Document Object Model), som lar deg velge og animere nesten alle attributter eller egenskaper til et objekt av alle typer når som helst . Dra-og-slipp-mekanismen lar deg redigere start- og sluttpunktene for animasjonen, samt varigheten av hver animasjonsfase, direkte i tidslinjen. Fordi animasjonsnøkkeltider settes inn hver gang du angir animasjonsparametere for et attributt eller egenskap til et objekt, kan de overføres til andre områder av storyboardet for automatisk å justere fordelingen av animasjonseffekter over tid.

Pakken lar deg jobbe med SVG-grafikk i to versjoner: både med et sett med visuelt viste grafiske objekter og med den tilsvarende kildekoden. Redigering av kildekode i den innebygde SVG-filtekstredigereren gir ekstra fleksibilitet og kontroll over filinnhold. Automatisk kontroll av endringer i kildekoden bidrar til å sikre riktig oppførsel av den opprettede grafikken, og funnet feil er markert i farger, noe som sparer designeren for timer med søk gjennom hundrevis av kodelinjer. Resultatet av eventuelle endringer i kildekoden vises umiddelbart på skjermen. Om ønskelig kan du importere, redigere og optimalisere SVG-filer opprettet i andre applikasjoner til WebDraw.

Sketsa SVG Editor 3.2.3

Utvikler: KIYUT

Distribusjonsstørrelse: 5,99 MB

Distribusjonsmetode: shareware (demo som legger til en kode til et bilde, http://www.kiyut.com/products/sketsa/sketsa.zip)

Pris:$49

Arbeid under kontroll: Windows 2000/XP, Java VM (JRE) 1.5 og høyere (http://www.java.com/getjava), UNIX og Linux

Sketsa-applikasjonen (fig. 9) er en av de mest populære SVG-redigererne og lar deg lage profesjonell SVG-grafikk, inkludert optimalisering i SVGZ-formatet. Pakken kombinerer med suksess enkelhet og brukervennlighet med et bredt spekter av funksjoner og er kompatibel med Windows, Mac og Linux-systemer.

Sketsa støtter et klassisk sett med verktøy som er typiske for enhver vektorapplikasjon, som lar deg lage og transformere alle vektorobjekter basert på både konturer og grafiske primitiver og tekst, som om ønskelig enkelt kan suppleres med rasterbilder. Du kan kontrollere gjennomsiktighet, bruke gradientfyll og filtre. Alt dette er vellykket supplert med spesialiserte SVG-funksjoner, takket være hvilke ethvert bilde kan redigeres ikke bare visuelt, men også i tekstmodus. For å redigere SVG-kode har pakken en innebygd XML-tekstredigerer. For enkel objektadministrasjon er det en innebygd verktøylinje for Document Object Model (DOM), som er et hierarkisk trelignende sett med objekter i et SVG-dokument, som lar deg velge et hvilket som helst dokumentobjekt for å redigere egenskapene.

Det fulle navnet på svg-formatet er Scalable Vector Graphics. Det er i hovedsak et tekstdokument med XML-markering som kan vises ved hjelp av Notepad++-applikasjonen. Det ble opprinnelig utviklet som et vektorbildeformat for bruk på nettsteder, men migrerte snart inn i "hverdagen". I tillegg til statisk grafikk er det støtte for animerte. Et bilde består av flere former som kan flyttes, grupperes og masker, filtre og effekter brukes.

Hvordan åpne en fil med SVG-utvidelsen

1. er et kraftig gratis bildevisningsprogram. Den har et grunnleggende sett med bilderedigering - den lar deg bruke effekter, endre kontraster og metning av visse farger. Mer enn 50 formater støttes, applikasjonen har et klart og enkelt grensesnitt.


2. – Gratis analog av CorelDraw. Den har et enkelt grensesnitt og bred funksjonalitet. Lar deg vise, redigere og lage både vektor- og rasterbilder. En utmerket funksjon er å jobbe med kloner, takket være hvilke du kan lage forskjellige komplekse mønstre.


3. er en gratis nettleser som er en universell applikasjon for å surfe på Internett, webutvikling, lytte til musikk og se videoer og mye mer. Den har et enkelt grensesnitt, bred funksjonalitet kan enkelt utvides ved hjelp av plugins. Den har en algoritme for å sjekke nedlastede filer og har en liste over uønskede nettsteder.


4. – gratis nettleser. Den har et enkelt og intuitivt grensesnitt i de siste versjonene har det gjennomgått drastiske endringer i grensesnittet. Som enhver moderne nettleser har den en innebygd filnedlaster, kan spille av video og lyd og se bilder.


5. er en gratis nettleser som er ganske populær blant brukere i CIS-landene. Inntil det definitivt ble ansett som den raskeste nettleseren. Lar deg se videoer og bilder, lytte til lyd, innebygd antivirus for å sjekke nedlastede filer, har et praktisk tilpassbart ekspresspanel der du kan plassere de mest besøkte nettstedene.


6. er et gratis fotoredigeringsprogram som fokuserer på rasterbilder, men som også støtter vektorbilder. Lag, masker, overleggseffekter, endring av lysstyrke og metning av visse farger støttes. Applikasjonsgrensesnittet er enkelt og oversiktlig, du kan gjøre det en-til-en som i Adobe Photoshop.

Det vanligste problemet som hindrer brukere fra å åpne denne filen er et feiltildelt program. For å fikse dette i Windows OS, må du høyreklikke på filen, i kontekstmenyen, holde musen over "Åpne med"-elementet og velge "Velg et program..." fra rullegardinmenyen. Som et resultat vil du se en liste over installerte programmer på datamaskinen din, og du kan velge riktig. Vi anbefaler også å merke av i boksen ved siden av "Bruk denne applikasjonen for alle SVG-filer."

Et annet problem som brukerne våre også møter ganske ofte, er at SVG-filen er ødelagt. Denne situasjonen kan oppstå i mange tilfeller. For eksempel: filen ble ikke lastet ned i sin helhet som et resultat av en serverfeil, filen ble skadet i begynnelsen, osv. For å løse dette problemet, bruk en av anbefalingene:

• Prøv å finne filen du trenger i en annen kilde på Internett. Du kan ha flaks med å finne en mer passende versjon. Eksempel på Google-søk: "Filfiltype:SVG" . Bare bytt ut ordet "fil" med navnet du ønsker;
• Be dem sende deg den originale filen igjen, den kan ha blitt skadet under overføringen;

Du må forstå at bildefilen er et sett med vanlige tekstdata i XML-format, noe som betyr at du kan redigere bildet med et hvilket som helst tekstredigeringsprogram. Se, det er ikke vanskelig å lære.

Hvordan åpner jeg en SVG-tegning?

SVG er et format laget spesielt for Internett for å beskrive vektorprimitiver på en nettside. Selvfølgelig, blant SVG-visningsprogrammer, er flaggskipene moderne nettlesere (de nyeste versjonene av Opera, Firefox, Chrome, samt IE 9-versjoner). Nettlesere støtter nesten alle SVG-elementer (inkludert animasjon og ECMAScript), med Opera som når 100 % støtte.

Tabell som viser nivået på SVG-støtte fra forskjellige nettlesere per juli 2010:

Nettleser	Støttenivå
Opera 10.53	95 %
Chrome 4	82 %
Safari 4.0.5	82 %
Firefox 3.6	62 %
Internet Explorer 9 forrige 3	52.55 %

Fra disse dataene følger det at det er best å åpne SVG med den nyeste versjonen av Opera-nettleseren. Denne nettleseren har versjoner for både Windows og Linux, så ingen skal ha noen problemer.

Generelt støtter nesten alle programmer for visning og redigering av bilder SVG, men de fleste av dem kan ikke spille av animasjon, for ikke å snakke om skript.

Hvordan redigerer jeg et SVG-bilde?

SVG har eksistert siden 1999, men begynte å utvikle seg aktivt bare mange år etter opprettelsen, takket være støtten fra de største IT-selskapene i verden. Formatet er langt fra nytt, så all programvare med respekt for seg selv for å jobbe med det er ganske enkelt forpliktet til å støtte dette formatet.

Tabell med en liste over vektorgrafikkprogramvare, mange av listeelementene støtter SVG:

Navn	Utvikler	Pris
AutoTrace	Martin Weber	gratis
Enkelt spor	Easy Trace Group	1500 €, 750 € oppgradering
Ledig hånd	Macromedia	$399, $99 oppgradering
Illustratør	Adobe Systems	$499, $169 oppgradering
MagicTracer	Elgorithms MagicTracer	$59
MST Viewer	MS-teknologi	Kun kommersiell bruk
PhotoLine	Computerinsel GmbH	59 €
Potrace	Peter Selinger	gratis
R2V Verktøysett	AlgoLab	$99
Ras2Vec	Davide Libenzi	gratis
Image2XAML	Roman Kalachik	gratis
Raster til vektor	Raster til vektor	$99
RasterVect	RasterVect	$79
RaveGrid	RaveGrid	gratis for personlig bruk (kommersiell versjon tilgjengelig)
Scan2CAD Pro	Softcover Intn"l	$469, $190 oppgradering
Silhouette Pro	Free Soft S.A.	$359
Adobe Streamline	Adobe Systems	?
Vektormagi	Vektormagi	$7,95/md, $295/lic, tokens
Vekstraktor	VextraSoft	$99
VPHybridCAD	softelec	$1400
WinTopo Freeware	SoftSoft	gratis
WiseImage	Konsekvent programvare	$1400
RasVector	Daniel Lu	GPL
Xara Xtreme	Xara Group Ltd.	79$ Windows-versjon, Linux-versjon gratis
XTrace	Ronny Schütz	$25 for Amiga (demo tilgjengelig)
VectorNow	AutoDWG	$120.00
Designpresentasjon	Designpresentasjon	Betal per bruk

Nedenfor er en liste over de mest populære programmene som lar deg lage og redigere SVG.

Inkscape

Inkscape er et program for å lage og redigere vektorbilder, hovedbruksområdet er å lage tekniske illustrasjoner og diagrammer. Skrevet i C++ og GTK+. Kan lagre opprettede bilder i SVG 1.1-format. Inscape er utgitt for mange plattformer (Windows, Linux, Mac OS), tilhører kategorien fri programvare, distribuert under GNU General Public License.

Programmet lar deg bruke alle filtrene og verktøyene som er nødvendige for en designer: geometriske primitiver (polygoner, sirkler, linjer, kurver, kuber, etc.), børster, fyll, viskelær. I tillegg til den visuelle editoren, er det også en tekstredigerer, som lar deg tydelig se og redigere treet med XML-elementer.

Inkscape har drevet aktivt utvikling i mange år, kontakter og utveksler erfaringer med kolleger fra Gimp og Scribus.

Du kan laste ned Inkscape gratis for alle operativsystemer på den offisielle nettsiden inkscape.org.

Magisk bilde

Nesten all funksjonaliteten til konsollverktøyet for arbeid med grafikk Image Magick utvides til SVG. Image Magick er gratis, og mange applikasjoner har biblioteker som lar deg samhandle med dette verktøyet gjennom sitt eget grensesnitt. For eksempel - Imagick i PHP.

Betalte programmer for arbeid med SVG

Adobe Illustrator CS2

Utviklet av Adobe Systems, Inc. Adobe Illustrator CS2 har ganske kraftige SVG-redigeringsverktøy. Programmet er ikke gratis og slett ikke billig, det koster mer enn $600, men det har en gratis demoversjon begrenset til 30 dager. Ved første øyekast har den ingen spesielle fordeler innen arbeid med SVG sammenlignet med Inkscape, bortsett fra at Photoshop-fans vil like nivået av likhet mellom de to programmene. Adobe har utvilsomt laget det mest praktiske grensesnittet for designere over lang tid.

CorelDRAW Graphics Suite

Med utviklingen av SVG kunne ikke Corel Corp. stå til side. CorelDRAW Graphics Suite inkluderer støtte for skalerbar vektorgrafikk. Kostnaden er nesten $300, men det er en demoversjon. Kun tilgjengelig for Windows.

Corel tilbyr også å kjøpe Corel WebDraw (Jasc WebDraw), et mer vektorbasert webgrafikk- og profesjonelt webdesignprogram. Pris - 180 dollar.

Sketsa SVG Editor

Programmet er skrevet helt i Java og kjører på Windows, Linux, Mac OS. I motsetning til andre vektorgrafikkprogrammer generelt, er Sketsa strengt tatt SVG-fokusert. Den har et ganske fint og brukervennlig grensesnitt. Imidlertid koster det nesten $90.

Mayura Draw 4.3

Det finnes også enklere betalte løsninger. For eksempel - Mayura Draw for $39, distribusjonsstørrelsen er bare 1,3 MB. Programmet støtter alle grunnleggende verktøy for redigering av SVG-grafikk, er lett og relativt raskt.

Online SVG-redaktør

Dato: 2010.05.27 kl. 14:20:46

Vennligst, når du kopierer materiale, legg inn en aktiv lenke til artikkelen.

Svært få brukere møter filer med filtypen .svg, og i de fleste tilfeller sletter ikke bare noen, men nesten alle brukere slike filer, som de sier, vilkårlig, uten å tenke i det hele tatt på hvilket program SVG-filen opprinnelig var assosiert med. Nå skal vi snakke om hvordan du kan åpne en fil for redigering og generelt om det er verdt å gjøre det.

Extension.svg: hvordan åpner jeg det?

La oss først se på de enkleste konseptene. For en uinitiert bruker kan spørsmålet om hvordan du åpner en SVG-fil forbli uklart. Her er det verdt å ta hensyn til det faktum at filer av denne typen i utgangspunktet er beregnet på å behandle grafikk med en endring i raster- eller vektormodus. Hvis sluttbrukeren er, som de sier, en lekmann i denne saken, så er det ingenting å forklare ham.

For resten av publikum merker vi at selve problemet, hvordan du åpner SVG-formatet, i de fleste tilfeller bare er forbundet med valget av riktig applikasjon installert som standard eller lignende.

misligholde?

Som du vet, er den enkleste måten å åpne en fil av enhver type ved å dobbeltklikke i vanlig Utforsker. I dette tilfellet bestemmer operativsystemet (i dette tilfellet Windows) selv hvilket verktøy fra settet som skal brukes til å åpne en fil av en gitt type. Samtidig er SVG-filen faktisk universell.

I hovedsak kan ethvert program som støtter Scalable Vector Graphics-standarden, som er der akronymet kommer fra, fungere med det uten problemer. I prinsippet er den samme Adobe Illustrator eller siste versjonspakke eller lignende programvarepakker i stand til å behandle filer av denne typen. Det skal ikke være noen problemer med appene som er installert.

Men hvis du bruker et enkelt verktøy som den vanlige Microsoft Paint, Paint .NET eller redaktørene som er inkludert i hovedpakken for Microsoft Office for enhver versjon og utgivelsesår, kan du ikke stole på noe spesielt. Selv om de kan jobbe med slike data, er de ikke alltid de beste redigeringsverktøyene. SVG-filen gjenkjennes kanskje ikke av dem.

I beste fall kan du ganske enkelt se bildet, endre posisjonen på arket, litt "redigere" fargene eller metningen, men ellers vil alt forbli som det var (eller enda verre). La oss prøve å se på hvordan du åpner en SVG-fil når det gjelder redigering ved hjelp av relaterte programmer og applikasjoner.

SVG databehandlingsverktøy

Hvor overraskende det enn kan høres ut, selve .svg-utvidelsen anses ikke å være assosiert med det tilknyttede programmet, selv om det anses som et skalerbart grafikkformat. Det spiller ingen rolle hvordan du åpner en SVG-fil. I prinsippet, hvis det er et tilstrekkelig antall installerte programmer og applikasjoner, vil operativsystemet selv tilby å velge den mest passende applikasjonen (enhver Adobe-pakke, varianter av Paint, Corel, etc.).

Her bør vi forresten ikke glemme at det samme problemet knyttet til hvordan og med hva du skal åpne en SVG-fil har den andre siden av mynten. Faktum er at filer av denne typen kan inneholde HTML- eller XML-markering. Så du må redigere slike data ved hjelp av spesialiserte verktøy.

Bunnlinjen

Generelt, hvis vi vurderer denne problemstillingen, så å si, fra et globalt perspektiv, kan det bemerkes at oppdagelsen av SVG ikke går utover allment aksepterte konsepter.

Og dette er forståelig, fordi selve formatet og den medfølgende utvidelsen er relatert til grafikk, noe som betyr at åpning for visning og muligheten til å redigere er gitt i utgangspunktet, og uavhengig av tilstedeværelsen av spesielle redaktører, og enda mer, operativsystemer.

Generelt kan vi bare anbefale å installere universelle klienter som ACDSee eller noe lignende, som ikke bare er i stand til å gjenkjenne en SVG-fil på det opprinnelige nivået (initialisering, tilordning til applikasjoner, seere, etc.), men også jobbe med den i sin helhet. modusredigering, hvis bruk kan endre selve strukturen til ønsket fil. I denne forstand kan den støtte alle interne eksterne endringer, selv når det gjelder attributter.