Apertura di file di grafica vettoriale SVG. Come aprire il file SVG? Apertura in formato SVG

La maggior parte degli editor grafici più diffusi consente di salvare le immagini in diversi formati. Se il programma funziona con la grafica raster, vengono offerti formati raster per il salvataggio dei file, se con vettore, quindi, di conseguenza, formati vettoriali. Tuttavia, esistono editor di bitmap che supportano l'esportazione di disegni in formati vettoriali e misti. Tale, ad esempio, è Adobe Photoshop, che può esportare un disegno in SVG, un formato abbastanza comune oggi in grado di memorizzare sia grafica raster che vettoriale.

Che cos'è il formato SVG e dove viene utilizzato

Sviluppato nel 2001 dal World Wide Web Consortium, SVG è un documento insolito. Si basa sui linguaggi di markup VML e PGML, ovvero stiamo parlando, appunto, di un file di testo. In tal modo, editor e browser interpretano SVG come un'immagine, che può essere statica o animata. Essendo il formato più comune per l'archiviazione di grafica vettoriale, SVG è ora ampiamente utilizzato per l'archiviazione e la distribuzione di immagini vettoriali e miste su Internet.

Come tutti i formati, SVG ha i suoi pro e contro. I primi includono scalabilità senza perdita di qualità, peso relativamente basso, capacità di integrare immagini PNG, GIF, JPG in documenti SVG, modifica (con l'esperienza appropriata) in editor di testo, indicizzazione da parte di robot di ricerca, supporto e prevalenza dell'animazione. I vantaggi del formato dovrebbero includere anche una buona compressibilità, apertura e adattabilità.

D'altra parte, SVG eredita i suoi svantaggi con tutto ciò che implica. Il formato è poco adatto alla creazione di oggetti complessi, poiché i file SVG aumentano rapidamente di peso se sono composti da molti piccoli dettagli. Inoltre, i programmi devono leggere l'intero documento per visualizzare un'immagine, il che rende difficile l'applicazione del formato nelle applicazioni cartografiche. Tra gli svantaggi del formato, si nota la compatibilità cross-browser relativamente bassa e l'assenza di un supporto almeno minimo per la grafica 3D.

I migliori editor per lavorare con i file SVG

Come già accennato, puoi modificare il file SVG in un normale editor di testo, ma per questo è necessaria una conoscenza specifica. È molto più conveniente e corretto utilizzare editor di grafica vettoriale.

Adobe Illustrator

Lo strumento più potente che è ottimo per il ruolo di un editor SVG. Adobe Illustrator ha una serie impressionante di strumenti per lavorare con grafica vettoriale e combinata. Ti consente di creare e modificare sia semplici schizzi che complesse illustrazioni artistiche. Quando si lavora con il formato SVG, l'editor consente l'uso di livelli e linguaggi di scripting, l'uso di effetti speciali.

SVG squadrato

Puoi anche aprire le immagini SVG utilizzando l'applicazione Boxy SVG creata appositamente per lavorare con questo formato. Questo editor è per molti versi inferiore ad Adobe Illustrator, ma al suo interno troverai tutti gli strumenti di base per creare e modificare immagini SVG. L'applicazione supporta il lavoro con forme e oggetti, l'importazione di caratteri e immagini dei formati più diffusi, l'utilizzo della libreria Pixabay, la visualizzazione e la modifica del codice sorgente SVG e CSS. Boxy SVG è disponibile come servizio online e come app per Windows 10, macOS e Chrome OS.

Vectr

Come aprire ancora il file SVG? Per lavorare con file di questo tipo, c'è il programma Vectr, che fa un ottimo lavoro con le attività di modifica ad esso assegnate. L'applicazione fornisce funzioni come la modifica di singole parti di un'immagine vettoriale, l'utilizzo di livelli, l'aggiunta di testo e primitive, l'applicazione di effetti (ad esempio trasparenza, tratto, ombre esterne e interne), l'utilizzo di gradienti, penna, linee e altri strumenti. Vectr è gratuito e disponibile per Windows, Linux e Chrome OS.

Inkscape

A differenza dei due programmi precedenti, Inkscape non ha bisogno di molte presentazioni. Questo editor potente e completamente gratuito può essere utilizzato sia per l'editing che per la creazione di grafica vettoriale di qualsiasi complessità, dalle icone SVG alle illustrazioni a tutti gli effetti. Inkscape può lavorare con tracciati, testo, marcatori, livelli e canali, gradienti e trame. Sono supportate anche la vettorizzazione bitmap, la gestione del colore SVG e altro ancora.

A proposito, puoi cambiare il colore SVG modificando il codice sorgente del file, ma per questo devi avere almeno una conoscenza di base del linguaggio CSS e dei codici colore. Modificando, ad esempio, il parametro style nel blocco di codice evidenziato nello screenshot, abbiamo cambiato il colore bianco in rosso. E così, ovviamente, se puoi modificare SVG, allora Inkscape e programmi simili.

Come aprire SVG online

Se hai bisogno di un editor SVG online, usa le versioni web di Boxy SVG, Vectr e Inkscape. L'insieme funzionale di tali edizioni è praticamente uno a uno, come nelle versioni desktop. Inkscape, ad esempio, può essere avviato dal progetto www.rollapp.com/app/inkscape.

Se stai cercando qualcosa di più semplice, prova Sketchpad, un editor vettoriale online disponibile su sketch.io/sketchpad. Sketchpad ha strumenti come pennelli, linee, frecce, primitive, clipart, penna, pastello, aerografo, riempimento, ecc. C'è lavoro con livelli, tavolozza e sfumature.

Ma per creare immagini SVG "da zero" il servizio non è molto adatto, sebbene la funzione di disegno arbitrario sia supportata da esso. L'editor è rivolto agli utenti inesperti, quindi puoi capirlo facilmente.

Convertitori da SVG a PNG

Puoi visualizzare il file SVG come un'immagine normale semplicemente trascinandolo nella finestra del browser, ma capita anche che il documento SVG debba essere convertito in un formato grafico più accessibile e familiare, ad esempio PNG. Se ci sono molti file convertiti, ha senso utilizzare uno strumento gratuito SVG2PNG che ti consente di convertire in batch SVG in PNG in batch. Per convertire SVG in PNG, esegui l'utility, trascina i file vettoriali nella sua finestra, fai clic su "Start" e ottieni il risultato.

Dovresti capire che il file immagine è un insieme di normali dati di testo in formato XML, il che significa che puoi modificare l'immagine con qualsiasi editor di testo. Guarda, non è difficile studiarlo.

Come aprire il disegno SVG?

SVG è un formato specifico per il web per descrivere le primitive vettoriali su una pagina web. Naturalmente, tra i visualizzatori SVG, i browser moderni sono il fiore all'occhiello (le ultime versioni di Opera, Firefox, Chrome e IE 9). I browser supportano quasi tutti gli elementi SVG (incluse animazioni ed ECMAScript) e Opera è vicino al 100% di supporto.

Una tabella che mostra il livello di supporto SVG tra i browser a luglio 2010:

Browser	Livello di supporto
Opera 10.53	95 %
Cromo 4	82 %
Safari 4.0.5	82 %
Firefox 3.6	62 %
Internet Explorer 9 precedente 3	52.55 %

Da questi dati, ne consegue che è meglio aprire SVG con l'ultima versione del browser Opera. Questo browser ha versioni sia per Windows che per Linux, quindi nessuno dovrebbe avere problemi.

In generale, quasi tutti i programmi per la visualizzazione e la modifica delle immagini supportano SVG, ma la maggior parte di essi non è in grado di riprodurre l'animazione, figuriamoci gli script.

Come modificare il disegno SVG?

SVG esiste dal 1999, ma ha iniziato a svilupparsi attivamente solo molti anni dopo la sua creazione, grazie al supporto delle più grandi aziende iT del mondo. Il formato è tutt'altro che nuovo, quindi qualsiasi software che si rispetti per lavorare è semplicemente obbligato a supportare questo formato.

Una tabella con un elenco di software di grafica vettoriale, molti degli elementi dell'elenco supportano SVG:

Nome	Sviluppatore	Prezzo
Tracciamento automatico	Martin Weber	gratuito
Facile traccia	Gruppo traccia facile	1500 €, 750 € di aggiornamento
A mano libera	Macromedia	$ 399, $ 99 aggiornamento
Illustratore	Sistemi Adobe	$ 499, $ 169 aggiornamento
MagicTracer	Elgoritmi MagicTracer	$59
Visualizzatore MST	Tecnologia MS	Solo per uso commerciale
PhotoLine	Computerinsel GmbH	59 €
Potrace	Peter Selinger	gratuito
Kit di strumenti R2V	AlgoLab	$99
Ras2Vec	Davide Libenzi	gratuito
Immagine2XAML	Romano Kalachik	gratuito
Da raster a vettoriale	Da raster a vettoriale	$99
RasterVect	RasterVect	$79
RaveGrid	RaveGrid	gratuito per uso personale (versione commerciale disponibile)
Scan2CAD Pro	Brossura Intn "l	$ 469, $ 190 di aggiornamento
Silhouette Pro	Free Soft S.A.	$359
Semplificazione di Adobe	Sistemi Adobe	?
Magia vettoriale	Magia vettoriale	$ 7,95 / mese, $ 295 / lic, gettoni
Vextractor	VextraSoft	$99
VPybridCAD	softelec	$1400
WinTopo Freeware	SoftSoft	gratuito
Immagine saggia	Software coerente	$1400
RasVector	Daniele Lu	GPL
Xara xtreme	Xara Group Ltd.	$ 79 versione Windows, La versione Linux è gratuita
XTrace	Ronny Schütz	$ 25 per Amiga (demo disponibile)
VectorNow	DWG automatico	$120.00
DesignPresentazione	DesignPresentazione	Pay per use

Di seguito è riportato un elenco dei programmi più popolari per la creazione e la modifica di SVG.

Inkscape

Inkscape è un programma per creare e modificare immagini vettoriali, il principale campo di applicazione è la creazione di illustrazioni tecniche e diagrammi. Scritto in C++ e GTK+. Può salvare le immagini create in formato SVG 1.1. Inscape è rilasciato per molte piattaforme (Windows, Linux, Mac OS), appartiene alla categoria del software libero ed è distribuito sotto la GNU General Public License.

Il programma consente di utilizzare tutti i filtri e gli strumenti necessari per un designer: primitive geometriche (poligoni, cerchi, linee, curve, cubi, ecc.), pennelli, riempimento, gomma. Oltre all'editor visuale, ce n'è anche uno di testo che permette di vedere e modificare visivamente l'albero degli elementi XML.

Inkscape sviluppa attivamente da molti anni, gli sviluppatori contattano e scambiano esperienze con i colleghi di Gimp, Scribus.

Puoi scaricare Inkscape per qualsiasi sistema operativo gratuitamente dal sito Web ufficiale inkscape.org.

Magia dell'immagine

Quasi tutte le funzionalità dell'utilità della console Image Magick per lavorare con la grafica si estendono a SVG. Image Magick è gratuito, per molte applicazioni esistono librerie che consentono di contattare questa utility tramite la propria interfaccia. Ad esempio - Imagick in PHP.

Software a pagamento per lavorare con SVG

Adobe Illustrator CS2

Sviluppato da Adobe Systems, Inc. Adobe Illustrator CS2 contiene strumenti di modifica SVG abbastanza potenti. Il programma non è gratuito e per nulla economico, costa più di $ 600, ma ha una versione demo gratuita limitata a 30 giorni. A prima vista, non ha alcun vantaggio speciale nel campo del lavoro con SVG rispetto a Inkscape, tranne per il fatto che i fan di Photoshop apprezzeranno il livello di somiglianza tra i due programmi. Ovviamente, Adobe ha creato per molto tempo l'interfaccia più user-friendly per i designer.

CorelDRAW Graphics Suite

Con lo sviluppo di SVG, Corel Corp. CorelDRAW Graphics Suite include il supporto per la grafica vettoriale scalabile. Il costo è di quasi 300 dollari, ma esiste una versione demo. Disponibile solo per Windows.

Corel offre anche di acquistare Corel WebDraw (Jasc WebDraw), più focalizzato sulla grafica web vettoriale e sui web designer professionisti. Il costo è di 180 dollari.

Sketsa SVG Editor

Il programma è completamente scritto in Java, funziona sotto Windows, Linux, Mac OS. A differenza di altri programmi di grafica vettoriale in generale, Sketsa è strettamente orientato a SVG. Ha un'interfaccia piuttosto piacevole e user-friendly. Tuttavia, costa quasi $ 90.

Mayura Pareggio 4.3

Esistono anche soluzioni a pagamento più semplici. Ad esempio - Mayura Draw per $ 39, la dimensione del kit di distribuzione è di soli 1,3 MB. Il programma supporta tutti i principali strumenti per la modifica della grafica SVG, leggero e relativamente veloce.

Editor SVG online

Data: 2010/05/27 alle 14:20:46

Per favore, quando copi il materiale, inserisci un link attivo all'articolo.

Per progettare qualsiasi pagina Web, sono necessarie sia una grafica statica che una varietà di animazioni ed elementi interattivi, che, in primo luogo, rendono più attraenti le informazioni presentate su di essa e, in secondo luogo, contribuiscono a una migliore percezione del materiale.

Le informazioni grafiche vengono trasmesse molto più lentamente delle informazioni testuali e il tempo di caricamento delle immagini è direttamente proporzionale alla dimensione dei loro file grafici, quindi il caricamento rapido delle pagine Web implica una piccola dimensione delle immagini grafiche incorporate. Quest'ultimo si ottiene attraverso la scelta ottimale del formato del file grafico, oltre che attraverso l'ottimizzazione, il cui compito è trovare un compromesso tra la velocità di caricamento della pagina e la qualità delle immagini presentate su di essa. Tuttavia, le possibilità di ottimizzazione non sono illimitate e le immagini di alta qualità tendono ad avere un volume impressionante, rendendo possibile ottenere immagini di alta qualità sul Web con dimensioni ridotte rimane una grande sfida.

Ma il problema non è solo nelle dimensioni e nella qualità: lo sviluppo di un design per una pagina web risulta essere una questione che richiede a un designer di conoscere un'ampia gamma di tecnologie e prodotti software diversi, poiché per diversi tipi di informazioni grafiche si devono utilizzare una varietà di formati di file e tecnologie diverse per la loro creazione. Per la grafica statica vengono utilizzati i formati GIF, JPG o PNG, che possono essere creati in un'ampia varietà di pacchetti grafici. Per gli oggetti di animazione, vengono utilizzati i formati GIF e Flash di animazione e tali oggetti sono sviluppati in applicazioni software specializzate (specifiche per ciascuno dei tipi di formati nominati). Gli elementi interattivi (rollover, ImageMaps, ecc.), di norma, vengono creati anche in applicazioni specializzate e rappresentano un insieme di immagini grafiche, la cui connessione è stabilita in un file complementare con codice HTML.

Una soluzione di successo a questi problemi può essere il passaggio al formato grafico SVG (Scalable Vector Graphics), basato sul linguaggio XML, grazie al quale qualsiasi immagine SVG può essere rappresentata da un insieme di righe di comando (Fig. 1), e il Il file SVG stesso può essere aperto in qualsiasi editor di testo, incluso il blocco note. Questa tecnologia relativamente nuova è stata originariamente sviluppata da Adobe appositamente per il web, e oggi è di grande interesse anche per i dispositivi mobili, fornendo la creazione di grafica statica, animata e interattiva di alta qualità. Pertanto, non sorprende che sia attivamente supportato dal consorzio W3C (http://www.w3.org/Graphics/SVG) - nel 2003 lo standard SVG 1.1 è stato adottato dal W3C come raccomandazione e al momento la specifica è in fase di sviluppo SVG 1.2 (http://www.w3.org/TR/SVG12/).

con l'immagine corrispondente

La tecnologia SVG consente di combinare testo, grafica, animazione e componenti interattivi in ​​un unico formato e si basa su tre tipi di immagini grafiche: forme vettoriali, immagini e testo. Le forme, come è consuetudine nella grafica vettoriale, sono rappresentate da contorni dritti e curvi o da primitive grafiche (rettangoli, ellissi, ecc.) e le immagini sono bitmap importate. Inoltre, il formato SVG supporta vari tipi di animazione (simile a GIF e animazioni flash) e oggetti interattivi come rollover, mappe di collegamento e altri elementi di navigazione. E poiché questo standard si basa sul linguaggio XML, il file SVG, insieme agli elementi destinati alla visualizzazione, può contenere anche vari metadati.

Pro e contro dell'utilizzo del formato SVG

L'utilizzo del formato SVG consente di sviluppare una grafica più compatta, a caricamento rapido, di alta qualità e versatile per il Web e i dispositivi mobili, che nessun altro formato grafico può fornire. I principali vantaggi del formato grafico SVG includono quanto segue:

• immagini di alta qualità indipendentemente dalle loro dimensioni, a causa della natura vettoriale del formato SVG. Le immagini possono essere ridotte o ingrandite all'infinito senza perdita di qualità (Fig. 2) in base alle dimensioni del display, che consente di ottenere un'immagine di alta qualità delle informazioni grafiche su vari tipi di dispositivi (desktop, computer tascabili, ecc. .), e consente anche di esaminare più attentamente i singoli dettagli - questo è importante, ad esempio, quando si lavora con disegni tecnici;
• file di dimensioni molto inferiori rispetto ai formati GIF, JPG, PNG e GIF di animazione e ancora di più rispetto a Flash. Ad esempio, se il file GIF testato per un articolo compresso in modalità di compressione LZW era di 26 KB, la dimensione del file SVG corrispondente era di 1220 byte e, se compresso nel formato SVGZ, era di soli 685 byte.

Ma non è solo questo. Rispetto alle tradizionali opzioni per la rappresentazione grafica del Web, l'utilizzo del formato SVG presenta molti altri indiscutibili vantaggi.

Quindi, per gli sviluppatori, importanti vantaggi sono:

• la possibilità di combinare in un unico formato di sviluppo elementi statici, di animazione e interattivi, nonché una combinazione di oggetti vettoriali e raster;
• lavoro migliorato con il testo, inclusi crenatura, testo curvo e uso illimitato di caratteri;
• controllo più efficiente dell'accuratezza del colore e le più ampie possibilità in termini di utilizzo di riempimenti sfumati ad alta risoluzione, ombre, filtri, ecc. nelle immagini web;
• la natura testuale del formato SVG e il suo supporto per i fogli di stile a cascata, che semplifica notevolmente il processo di aggiornamento di un sito Web e consente, se necessario, di apportarvi modifiche senza ricorrere a programmi speciali;
• integrazione con database XML (Extensible Markup Language) e CSS (Cascading Style Sheets), che consente di salvare immagini SVG nel database e creare pagine Web dinamiche utilizzandole - diverse per piattaforme diverse, impostazioni personali, ecc. ecc.;
• nessun problema di indicizzazione: i file SVG vengono indicizzati da qualsiasi motore di ricerca (a differenza, ad esempio, dei file SWF).

Gli utenti apprezzeranno l'alta qualità e il caricamento rapido del contenuto SVG. Inoltre, è possibile copiare il testo che si trova sull'immagine SVG e quindi salvare alcune informazioni utili per se stessi, nonché cercare il testo nell'immagine, che in alcuni casi potrebbe essere estremamente necessario, ad esempio, durante la ricerca di il nome desiderato su una mappa o un disegno...

Tuttavia, come al solito, insieme ai vantaggi, la tecnologia SVG ha alcuni svantaggi, e piuttosto seri.

• Le immagini SVG sono scarsamente supportate dai fornitori di browser Web. Di conseguenza, per visualizzare la grafica SVG da un browser, gli utenti sono costretti a installare anche un plug-in di terze parti che fornisce questa funzionalità, come SVG Viewer di Adobe. In teoria, questo non è difficile: i plug-in corrispondenti sono facili da installare, gratuiti, hanno un volume ridotto e possono essere scaricati rapidamente da Internet. In pratica, tutto risulta essere molto più complicato, poiché la maggior parte degli utenti di Internet non è a conoscenza dell'esistenza di queste possibilità e quindi non può visualizzare questo tipo di grafica - senza un plug-in semplicemente non è visibile. Tuttavia, la situazione sta gradualmente cambiando e nell'ultimo anno due importanti sviluppatori di browser Web hanno implementato il supporto per il formato SVG. In primavera, Opera Software ha rilasciato la versione 8 del browser Opera che supporta SVG 1.0 Tiny; nella versione successiva di Opera 9.0, è implementato il supporto parziale del formato SVG 1.0 Basic. Il secondo sviluppatore a includere il supporto per SVG è The Mozilla Organization, che include il modulo di progetto Mozilla SVG nel suo browser Firefox 1.5, che fornisce la visualizzazione della grafica SVG dalla specifica 1.1. Inoltre, a metà del 2005, gli sviluppatori del browser Safari in esecuzione su computer con Mac OS X hanno iniziato a lavorare attivamente sull'introduzione del supporto per SVG 1.1;
• Rispetto ad altri formati grafici, il formato SVG è ancora scarsamente supportato dagli sviluppatori di software grafici, sebbene i principali pacchetti grafici come Adobe Illustrator, Corel DRAW, ecc., Permettano di esportare la grafica in file SVG. Naturalmente, i file SVG possono essere creati in qualsiasi editor di testo, ma questo non è pratico in termini di velocità e basso costo di sviluppo. È conveniente modificare il file in un editor di testo se necessario (che, tra l'altro, è possibile solo se si ha una profonda conoscenza della tecnologia XML), ma è irragionevole crearlo da zero, poiché richiederà un investimento eccessivo di tempo e fatica. Per fare ciò, sono necessari strumenti semplici e convenienti per un rapido sviluppo visivo della grafica nel formato Scalable Vector Graphics con la possibilità di modificare il codice del programma corrispondente all'immagine nello stesso ambiente, ma ci sono pochissimi prodotti di questo tipo e non lo sono ben noto.

Di conseguenza, si verifica una situazione molto triste: molti utenti non possono ancora visualizzare la grafica SVG a causa della mancanza di supporto da parte dei browser Web al livello corretto, gli sviluppatori Web praticamente non sviluppano la grafica SVG, non importa quanto sia attraente, e gli sviluppatori di software non indulgere ai web designer con una varietà di applicazioni specifiche per SVG. Il risultato è un circolo vizioso: "Se non c'è contenuto, allora le persone non hanno bisogno dell'implementazione di SVG e se non c'è implementazione, allora non c'è contenuto" - così è stata descritta la situazione in uno degli incontri del consorzio W3C.

Ma puoi guardare la situazione dall'altra parte: il supporto per SVG (sebbene non ancora completamente) da parte di due popolari browser Internet, così come l'interesse per la tecnologia di eminenti sviluppatori indicano che il ghiaccio si è rotto e che SVG ha un vero un'occasione per diventare uno dei formati più diffusi per presentare le informazioni sul web. Questa possibilità aumenta anche in connessione con il crescente interesse per la tecnologia SVG in relazione ai dispositivi mobili, dove i requisiti per la dimensione e la qualità delle immagini sono molto più elevati. Opera Software, ad esempio, prevede di implementare prima il supporto SVG completo sui desktop e solo successivamente di spostarlo su piattaforme mobili. Pertanto, è tempo di pensare all'utilizzo di SVG e web-designer, altrimenti rischiano di essere tra i ritardatari nel prossimo futuro.

Plugin per la visualizzazione di grafica SVG

Come notato, per ora, la maggior parte degli utenti dovrà utilizzare uno dei plug-in disponibili per visualizzare la grafica SVG completa in un browser Web, i più famosi dei quali sono Adobe SVG Viewer e Corel SVG Viewer gratuiti. Il primo di questi - Adobe SVG Viewer - viene fornito come applicazione autonoma, è compatto e conveniente, funziona su piattaforme diverse, supporta un gran numero di browser Internet e quindi è molto più popolare tra gli utenti. Corel SVG Viewer è incluso in Corel Smart Graphics Studio, ma è anche disponibile come freeware.

Ci sono altre opzioni per visualizzare la grafica SVG: puoi, ad esempio, utilizzare i moduli corrispondenti dai pacchetti Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org /batik), KDE KSVG (http://www.kde.org) e altri Per un elenco completo delle applicazioni per la visualizzazione di immagini SVG, vedere http://wiki.svg.org/Viewer_Implementations.

Visualizzatore Adobe SVG

Sviluppatore: Adobe Systems, Inc.

Dimensione della distribuzione: 2,25 MB

Metodo di distribuzione: gratuito (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Prezzo:è libero

Lavoro sotto controllo: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

Supporto browser: Internet Explorer 4.0 e versioni successive, Netscape Navigator o Communicator da 4.5 a 4.78 (escluso 6.x)

Visualizzatore SVG Corel

Sviluppatore: Corel Corp

Dimensione della distribuzione: 4,9 MB

Metodo di distribuzione: freeware (il modulo può essere scaricato da: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Prezzo:è libero

Lavoro sotto controllo: Windows 98/NT/2000/Me/XP

Supporto browser: Microsoft Internet Explorer 5.5 o successivo, Netscape Navigator o Communicator versioni 4.79, 7.02

Programmi per creare grafica SVG

Tutti i programmi per la creazione di grafica SVG possono essere suddivisi in tre grandi gruppi. Il primo include i popolari pacchetti di grafica bidimensionale incentrati sull'utilizzo della grafica vettoriale e che allo stesso tempo consente di esportare le immagini in formato SVG. I più popolari sono Adobe Illustrator e CorelDRAW; inoltre, tale esportazione in un modo o nell'altro supporta molte altre applicazioni: AutoCAD, Microsoft Visio, ecc. Il vantaggio principale di questo gruppo di applicazioni è che dispongono di strumenti avanzati per la creazione di immagini vettoriali e consentono di ottenere effetti unici attraverso l'uso di lucidi, riempimenti, filtri vari, ecc. Ma queste applicazioni richiedono una formazione specifica seria e quindi sono principalmente progettate per designer professionisti. Inoltre, nel complesso non sono focalizzati sul design SVG (sebbene ti permettano di ricevere grafica nel formato Scalable Vector Graphics) - fornendo una comoda creazione visiva e visualizzazione di immagini, queste applicazioni non consentono loro di essere regolati al testo livello, che è rilevante in relazione alla grafica SVG. È inoltre essenziale che il supporto per il formato Scalable Vector Graphics non sia completamente implementato in essi, per cui non tutti gli elementi dell'immagine vettoriale possono essere esportati in SVG senza errori.

Il secondo gruppo di prodotti software è costituito da pacchetti progettati esclusivamente per la creazione di grafica SVG. Hanno molte meno possibilità in termini di sviluppo visivo di immagini vettoriali, sebbene includano tutti gli strumenti necessari. Ma d'altra parte, forniscono strumenti convenienti per la modifica del codice sorgente e ti consentono di lavorare con oggetti SVG in parallelo, sia in modalità visiva che a livello di codice, e puoi facilmente passare da queste opzioni per presentare le informazioni. Tutte le applicazioni di questo gruppo sono molto semplici e accessibili e non richiedono molto tempo per l'apprendimento. Inoltre, hanno distribuzioni relativamente piccole (rispetto alle applicazioni del primo gruppo), quindi possono essere acquistate su Internet senza problemi. Tuttavia, ci sono pochissimi programmi con tali capacità e di seguito ne considereremo in dettaglio solo quattro di maggiore interesse e progettati per diverse categorie di utenti. Per un elenco completo delle applicazioni disponibili per la creazione di grafica SVG, vedere http://wiki.svg.org/Design_Tools.

E infine, qualsiasi editor di testo, incluso un normale blocco note, può essere incluso nel terzo gruppo. Come notato sopra, il formato Scalable Vector Graphics è basato su XML, che consente di creare e modificare file SVG a livello di testo in un editor di testo, se necessario.

Applicazioni grafiche complete per la creazione di grafica SVG

Adobe Illustrator CS2

Sviluppatore: Adobe Systems, Inc.

Dimensione della distribuzione: Versione Macintosh - 428,9 MB, versione Windows - 398,6 MB

Metodo di distribuzione: shareware (30 giorni di demo del pacchetto è disponibile su: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Prezzo: USD 665

Lavoro sotto controllo: Windows 2000 con Service Pack 3 o Windows XP, Mac OS X da 10.2.4 a 10.2.7, Java Runtime Environment 1.4.1

A partire dalla nona versione in Adobe Illustrator (Fig. 3) vengono implementate l'importazione e l'esportazione di file SVG e ad un livello molto più elevato rispetto ad applicazioni grafiche simili. Il pacchetto supporta tutte le specifiche SVG esistenti, le codifiche ISO 8859-1, UTF-8 e UTF-16, varie opzioni di esportazione del testo e consente di esportare immagini sia in formato SVG normale che SVGZ compresso.

Nella grafica SVG creata nel suo ambiente, puoi utilizzare gradienti, trasparenze e un'intera serie di effetti SVG appositamente forniti (Effetto => Filtri SVG) sotto forma di varie ombre, sfocatura, ecc. Le immagini con tali effetti mantengono la loro nitidezza se visualizzati nel browser Web con qualsiasi ingrandimento. Oltre alla grafica statica, Illustrator consente anche di ricevere grafica interattiva in formato SVG: a questo scopo viene fornita una speciale tavolozza Interattività SVG (è possibile aprirla dal menu Finestra => Interattività SVG), in cui le azioni per gli oggetti interattivi sono impostati. Vale la pena notare che lavorare su elementi SVG interattivi in ​​Illustrator richiede la conoscenza del linguaggio Java Script e la comprensione dei principi di base della programmazione orientata agli oggetti. Inoltre, utilizzando il formato Scalable Vector Graphics in questo programma, è possibile creare grafici di dati dinamici (Dynamic Data-Driven Graphics).

Suite grafica CorelDRAW 12

Sviluppatore: Corel Corp.

Dimensione della distribuzione tiva: 200 MB

Metodo di distribuzione: shareware (la versione demo può essere scaricata dai siti Web dei negozi online, ad esempio all'indirizzo: http://allsoft.ru/Download.php?ver=17605)

Prezzo: 290 USD (Allsoft.ru)

Lavoro sotto controllo: Windows NT/2000/XP

CorelDRAW, una rinomata applicazione di grafica vettoriale professionale (Figura 4), inclusa in CorelDRAW Graphics Suite 12, fornisce un livello base di importazione ed esportazione nei formati SVG e SVGZ e pertanto può essere utilizzata per creare grafica SVG statica e interattiva.

al file SVG in CorelDRAW

L'applicazione fornisce supporto per dati, attributi e metadati non riconosciuti e offre anche la possibilità di visualizzare in anteprima i file SVG nel browser prima dell'esportazione. Inoltre, la codifica Unicode è possibile per i metodi di codifica UTF-8 e UTF-16 e varie opzioni per l'esportazione di testo e immagini bitmap. L'ultima versione ha notevolmente migliorato il supporto per l'esportazione di simboli, testo, ombre, percorsi, livelli, binari incorporati e altro.

Mayura Pareggio 4.3

Sviluppatore: Mayura Software

Dimensione della distribuzione: 1.3 MB

Metodo di distribuzione: shareware (versione demo - http://www.mayuradraw.com/mdraw.zip)

Prezzo: 39 USD

Lavoro sotto controllo: Windows 95/98/Me/NT/2000/XP

Mayura Draw (Fig. 5) è un programma di grafica vettoriale molto semplice ed economico progettato per l'utente generico. Le immagini vettoriali risultanti, se lo si desidera, possono essere esportate in formato SVG e quindi Mayura Draw può diventare una possibile soluzione per lo sviluppo di grafica SVG statica. Il programma supporta tutti i principali strumenti di grafica vettoriale e consente di ottenere immagini vettoriali basate su primitive grafiche, tracciati lineari e curvi e testo. L'elenco delle sue capacità include strumenti convenienti per allineare, distribuire e disporre gli oggetti, controllare la trasparenza, utilizzare guide e righelli per il posizionamento preciso degli oggetti e una varietà di trasformazioni.

Pacchetti specializzati per la creazione di grafica SVG

EvolGrafiX XStudio 6.1

Sviluppatore: EvolGrafiX

Dimensione della distribuzione: 7,25 MB

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

Prezzo: Licenza commerciale da $ 449, licenza accademica da $ 249

Lavoro sotto controllo: Windows 2000/XP

Il pacchetto professionale XStudio (Fig. 6) è uno strumento utile per creare grafica SVG versatile per il Web e i dispositivi mobili e fornisce il pieno controllo sia sul progetto SVG nel suo insieme che su immagini vettoriali, animazioni, script, ecc. L'applicazione è conveniente, un'interfaccia utente intuitiva e altamente personalizzabile, fornisce un'ampia gamma di strumenti, è veloce, consente di creare grafica SVG di tutte le specifiche esistenti e supporta tutti gli stili di grafica vettoriale scalabile. Tutto questo, unito ad un prezzo relativamente contenuto per un pacchetto professionale, lo rende la migliore soluzione professionale di questo genere. XStudio viene fornito con una documentazione dettagliata, completa di una serie di tutorial, ed è facile da imparare.

Riso. 6. Combinare la creazione di immagini visive con la modifica del codice sorgente
in EvolGrafiX XStudio

L'applicazione ha tutte le funzionalità necessarie per creare ed elaborare immagini vettoriali e in questo senso è molto simile al pacchetto Adobe Illustrator. Allo stesso tempo, XStudio è focalizzato direttamente sulla preparazione di grafica SVG statica, interattiva e animata e quindi, insieme ai classici strumenti per lavorare con oggetti vettoriali, è integrato con funzionalità SVG specifiche. La barra degli strumenti Document Object Model (DOM) integrata fornisce una rappresentazione gerarchica degli oggetti SVG, un editor XML intuitivo consente di correggere il codice sorgente a livello di testo e l'editor di script consente di integrarlo con script Java. Il lavoro con il codice è organizzato in modo molto conveniente: i frammenti di codice dell'oggetto selezionato vengono automaticamente evidenziati, è possibile cercare testo e impostare segnalibri, ecc. Eventuali modifiche al codice si riflettono immediatamente nella finestra di visualizzazione visiva e le modifiche visive nella finestra dell'editor.

Inkscape

Sviluppatore: IOSN (Rete Internazionale Open Source)

Dimensione della distribuzione: 8,7 MB

Prezzo:è libero

Lavoro sotto controllo: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (Figura 7) è l'editor vettoriale open source più promettente che è multipiattaforma ed è un potente strumento per lo sviluppo di grafica in conformità con lo standard Scalable Vector Graphics. Inkscape è molto simile a CorelDRAW nella sua funzionalità vettoriale e nella sua interfaccia. Implementa il supporto per i canali alfa, lavorando con i livelli, utilizzando testo semplificato, riempimenti sfumati spettacolari, un gran numero di filtri ed effetti, varie trasformazioni, lavoro conveniente con percorsi e oggetti, raggruppamento di oggetti e molto altro. È possibile importare dati da file JPEG, PNG e TIFF e incorporarli in immagini SVG.

editor Inkscape integrato

Tuttavia, a differenza di CorelDRAW, Inkscape è posizionato come un'applicazione per i designer SVG, quindi insieme alla classica creazione di grafica visiva, offre la possibilità di elaborare direttamente il codice XML in un editor di testo integrato. Il programma è configurato per salvare le immagini in file SVG regolari e compressi, sebbene possano essere convertiti in formati vettoriali e bitmap comuni se lo si desidera.

Il pacchetto Inkscape ha una comoda interfaccia russa, è facile da imparare e viene fornito con un buon sistema di aiuto, inclusa una varietà di esempi di utilizzo, e inoltre questa applicazione è gratuita: tutto ciò lo rende molto attraente per una vasta gamma di utenti . I principali svantaggi del programma sono la sua bassa velocità e l'aumento dei requisiti per le risorse di sistema.

Corel WebDraw

Sviluppatore: Corel Corp

Dimensione della distribuzione: 15,6 MB

Metodo di distribuzione: shareware (demo 30 giorni - http://www5.jasc.com/pub/wdw102ev.exe)

Prezzo:$ 179 download, $ 199 CD

Lavoro sotto controllo: Windows 98/NT4/2000/Me/XP

Corel WebDraw (Figura 8), meglio noto come Jasc WebDraw, è una soluzione completa per la creazione di grafica e animazioni SVG di alta qualità per designer professionisti. E l'interfaccia intuitiva del programma lo rende attraente per una vasta gamma di utenti.

L'applicazione fornisce un ampio set di strumenti grafici standard tipici di un'applicazione di grafica vettoriale completa: forme di base (ellisse, rettangolo, stella, ecc.), penna, poligono, polilinea, testo, ecc. Insieme agli oggetti vettoriali, WebDraw consente di aggiungere bitmap esterne agli oggetti SVG. Oltre ai soliti riempimenti e sovrapposizioni di stili già pronti, puoi utilizzare gradienti e riempimenti complessi, inclusi motivi creati da te. Per ottenere immagini più efficaci, puoi utilizzare i filtri, sia abbastanza semplici (sfocatura e sovrapposizione di ombre), sia complessi (texture e illuminazione). Griglie, guide e righelli sono forniti per il posizionamento preciso degli oggetti e la barra degli strumenti Document Object Model (DOM) incorporata presenta gli oggetti SVG in un albero gerarchico, che semplifica notevolmente la gestione.

WebDraw è dotato di una versatile Timeline di animazione basata su SVG DOM (Document Object Model), che consente di selezionare e animare quasi tutti gli attributi o le proprietà di un oggetto di tutti i tipi in qualsiasi momento. Il meccanismo di trascinamento della selezione consente di modificare i punti di inizio e fine dell'animazione, nonché la durata di ciascuna fase dell'animazione, direttamente sulla timeline. Poiché i punti chiave dell'animazione (keytime) vengono inseriti ogni volta che si impostano i parametri di animazione per un attributo o una proprietà di un oggetto, è possibile spostarli in altre parti dello storyboard per regolare automaticamente la distribuzione degli effetti di animazione nel tempo.

Il pacchetto consente di lavorare con la grafica SVG in due versioni: entrambe con un insieme di oggetti grafici visualizzati e con il codice sorgente corrispondente. La modifica del codice sorgente nell'editor di testo SVG integrato fornisce ulteriore flessibilità e controllo sul contenuto dei file. Il controllo automatico delle modifiche al codice sorgente aiuta a ottenere un comportamento corretto garantito della grafica creata e gli errori rilevati vengono evidenziati a colori, il che salva il progettista da molte ore di ricerca tra centinaia di righe di codice. Il risultato di eventuali modifiche al codice sorgente viene immediatamente visualizzato sullo schermo. Facoltativamente, in WebDraw è possibile importare, modificare e ottimizzare i file SVG creati nell'ambiente di altre applicazioni.

Sketsa SVG Editor 3.2.3

Sviluppatore: KIYUT

Dimensione della distribuzione: 5.99 MB

Metodo di distribuzione: shareware (demo che aggiunge un tag a un'immagine - http://www.kiyut.com/products/sketsa/sketsa.zip)

Prezzo: USD 49

Lavoro sotto controllo: Windows 2000/XP, Java VM (JRE) 1.5 e versioni successive (http://www.java.com/getjava), UNIX e Linux

Sketsa (Figura 9) è uno degli editor SVG più popolari e consente di creare grafica SVG professionale, comprese le ottimizzazioni SVGZ. Il pacchetto combina con successo semplicità e usabilità con un'ampia gamma di funzionalità ed è compatibile con i sistemi Windows, Mac e Linux.

Sketsa supporta un classico set di strumenti tipici di qualsiasi applicazione vettoriale che consente di creare e trasformare qualsiasi oggetto vettoriale basato sia su tracciati che su primitive grafiche e testo, che, se lo si desidera, può essere facilmente integrato con immagini raster. È possibile controllare la trasparenza, utilizzare riempimenti sfumati e filtri. Tutto questo è completato con successo da funzionalità SVG specializzate, grazie alle quali qualsiasi immagine può essere modificata non solo visivamente, ma anche in modalità testo. Per modificare il codice SVG, il pacchetto fornisce un editor di testo XML integrato. Per semplificare la gestione degli oggetti, è presente una barra degli strumenti Document Object Model (DOM) incorporata, che è un insieme gerarchico di oggetti ad albero in un documento SVG che consente di selezionare qualsiasi oggetto documento per modificarne le proprietà.

Dall'autore: Le immagini SVG non sono onnipresenti come i nostri formati bitmap preferiti PNG e JPG, ma i vantaggi della grafica vettoriale attirano sempre più designer. I designer utilizzano sempre più la grafica vettoriale nei loro progetti. In precedenza, dovevamo scaricare applicazioni desktop come Adobe Illustrator e Inkscape, ma nel 2017 puoi progettare grafica vettoriale senza uscire dal browser. Se stai cercando un editor SVG gratuito, puoi iniziare con questi sei strumenti gratuiti.

Vectr

VectrÈ una buona scelta per principianti e utenti avanzati di SVG. L'interfaccia è ordinata e non ingombra di molti strumenti che non utilizzerai. L'editor è adatto a chi non conosce l'illustrazione vettoriale. L'utente non deve perdersi tra gli strumenti che non sono chiari per cosa vengono utilizzati. Il set include diverse lezioni. Anche se sei uno zero completo con SVG, hai la possibilità di imparare rapidamente.

Tuttavia, tutto quanto sopra non significa che Vectr abbia scarse funzionalità. Contiene tutto il set di base per creare un'immagine regolare: forme, testo, livelli, ombre, cornici, sfondi, ecc. Non può essere paragonato a un editor desktop completo, ma è più che sufficiente per progetti e modifiche veloci. Puoi creare un'immagine da zero o caricarne una esistente.

Quando si caricano illustrazioni complesse in Vectr, possono verificarsi errori (mappe o diagrammi dettagliati). L'editor non gestisce sempre bene la grafica complessa. Tuttavia, per SVG più semplici (icone, loghi, ecc.) questo editor sarà sufficiente.

JavaScript. Avvio veloce

Se la versione online non ha le funzioni necessarie, puoi scaricare la versione desktop dell'applicazione. L'editor è disponibile per Windows, Mac, Linux e Chromebook.

Forse la caratteristica più interessante di Vectr è che puoi collegare e incorporare immagini direttamente dal sito Vectr, rendendolo un efficiente hosting SVG. Molti servizi bloccano il caricamento dei file SVG, quindi questo è un grande vantaggio. Puoi visualizzare immagini SVG da Vectr su siti remoti come WP, Medium, Tumblr, ecc. che impediscono il caricamento diretto di SVG, ma ne consentono la visualizzazione in remoto.

Vectr ti consente di condividere la grafica vettoriale nel pannello dell'editor in modo che altri possano modificare la grafica che crei. Cioè, puoi, ad esempio, creare un modello di logo SVG, che gli utenti staranno già finalizzando da soli. Tutto questo nel browser.

A tal fine, Vectr ha recentemente rilasciato una versione dell'editor nella forma plugin per WP.

RollApp

A differenza degli altri strumenti nell'elenco, quando visiti la home page di RollApp, l'editor non si apre davanti a te. RollApp è un pacchetto di app e l'editor SVG è solo una delle app. Ottimo strumento, questa è la versione del browser Inkscape.

Hai bisogno di un account per lavorare con RollApp. Puoi registrarne uno nuovo o accedere con Google, Facebook, Amazon. Molto comodo, odio creare migliaia di nuovi account solo per vedere l'applicazione.

Inkscape al suo meglio! RollApp è senza dubbio l'applicazione più ricca di funzionalità della lista. Stai letteralmente usando Inkscape nel tuo browser! Non ho confrontato ogni dettaglio, ma questa app sembra TUTTE le funzionalità di Incscape come livelli, oggetti, testo, percorsi, filtri, effetti, estensioni, ecc.

I file di grandi dimensioni non vengono elaborati così rapidamente, poiché le azioni vengono eseguite sui server delle applicazioni e su Internet. In breve: se hai bisogno di modificare file grandi e complessi, RollApp non è l'ideale, ma per altre attività al di fuori del set di base, questo editor è migliore di altri.

BoxySVG

Se sei un lettore di SitePoint da molto tempo, dovresti avere familiarità con l'editor. BoxySVG, perché negli ultimi 12 mesi ne abbiamo già parlato. Non farò una recensione dettagliata, poiché questo è già stato fatto in Questo articolo.

JavaScript. Avvio veloce

Impara le basi di JavaScript con un esempio pratico di creazione di un'applicazione web

È importante sottolineare che, dopo la recensione di Alex, BoxySVG ha aggiunto un controllore del codice, rendendolo uno degli strumenti SVG più aggiornati per gli sviluppatori web.

Janvas

Un paio d'anni fa Janvas era un editor SVG molto popolare. Sfortunatamente, questo editor non è stato sviluppato di recente, ma anche così funziona ancora. Il web sta andando avanti e Janvas è fermo, quindi l'interesse per esso è svanito. Alex di SitePoint ha lavorato per un po' con questo strumento nel 2013-14 (inclusa la versione a pagamento) e ha anche risposto alle domande per un po' sulla pagina Google+. Janvas è stato uno strumento piuttosto potente.

Il problema principale con Janvas è che è un po' datato. I browser si stanno evolvendo e le app che non seguono i browser stanno diventando ogni giorno meno stabili. Janvas ha molte funzionalità: forme, testo, strumenti di disegno, tracciati, maschere e livelli. Tuttavia, gli utenti dei forum affermano che molte di queste funzionalità non portano al risultato desiderato.

La buona notizia è che verrà rilasciata una nuova versione come app di Chrome. Speriamo che risolvano i problemi.

DisegnaSVG

Potresti aver già scelto un editor SVG online gratuito. In caso contrario, vai avanti. DisegnaSVG- Editor SVG completamente compatibile con molte funzionalità. Mi piace molto il fatto che il design di questa applicazione sia davvero su misura per il Web e non assomigli a un porting di un'applicazione desktop per un browser. Il menu si trova a sinistra, fare clic per aprire il menu di secondo livello, ecc.

Con DrawSVG, puoi disegnare, modificare e renderizzare oggetti. Puoi disegnare forme semplici, ci sono curve di Bezier, testo dritto e curvo, molti stili di tratto e riempimento, ecc. Anche SVG può essere esportato in PNG.

Modifica SVG

Modifica SVG- il nonno degli editor di grafica vettoriale online, apparso a metà degli anni 2000. Non ci sono funzionalità server, tutto funziona in un browser. Non puoi salvare il tuo lavoro senza aggiungere le tue funzionalità.

Tuttavia, per un editor la cui vita è iniziata come un programma di disegno vettoriale molto limitato e poco appariscente, la funzionalità di modifica SVG è stata continuamente migliorata.

Con SVG-edit puoi disegnare forme semplici (linee, rettangoli, cerchi, poligoni, linee a mano libera, ecc.), usare tracciati, livelli, gradienti, puoi visualizzare e modificare sorgenti SVG, esportare in PNG, JPEG, BMP, WEBP, eccetera.

Conclusione

Oltre a questi 6 editor SVG, ce ne sono altri, ma pochi offrono più funzionalità dei cinque mostrati sopra.

Se vuoi fare sul serio con SVG e questi strumenti non hanno le funzionalità di cui hai bisogno, puoi sempre scaricare un editor SVG desktop come Illustrator o Inkscape. Tuttavia, per leggerezza, velocità e flessibilità, tutti gli editor di cui sopra offrono un utile set di funzionalità.

PS: puoi anche provare Figma... È più un generatore di interfacce utente, non un editor SVG. Tuttavia, ha un ottimo set di strumenti e genera codice SVG ben ottimizzato.

Esistono molti formati per le immagini, ma sono tutti divisi in due grandi classi: raster e vettoriale. I primi sono utilizzati principalmente per varie grafiche complesse e dettagliate, ad esempio la fotografia. In essi, ogni pixel è l'elemento più piccolo, può avere il proprio colore e il file, in generale, memorizza semplicemente i colori per ogni punto dell'immagine. Naturalmente, vengono utilizzati diversi metodi per comprimere la dimensione delle informazioni e da questo derivano molti formati bitmap: bmp, png, jpg e altri. Di solito jpg mostra la migliore efficienza, in quanto produce un file piccolo con buoni dettagli. Ma ha uno svantaggio: la perdita di informazioni durante la compressione delle informazioni. Pertanto, se la dimensione del file viene ridotta, l'immagine si deteriora.

Lavorare con i file SVG.

E anche quando tali foto vengono ingrandite, i pixel diventano visibili. I formati vettoriali funzionano in modo completamente diverso. Usano linee, segmenti, forme descritte da formule matematiche. Qualsiasi spazio limitato da essi può essere riempito con colori o sfumature. Il risultato è un'immagine che non è legata a dimensioni specifiche: può essere facilmente compressa o allungata a dimensioni enormi senza perdita di qualità. Uno di questi formati vettoriali è SVG. E sta diventando sempre più popolare, soprattutto nell'ambiente di sviluppo web.

Descrizione generale dell'estensione

Il tipo di file SVG è l'abbreviazione di Scalable Vector Graphics, che è grafica vettoriale scalabile. I linguaggi di markup VML e PGML vengono utilizzati per descrivere l'immagine. Si tratta infatti di un documento di testo in cui per ogni forma vengono descritte le coordinate dei vertici e delle linee che le attraversano, nonché i colori dei vari elementi. La prima versione di questo formato è stata rilasciata nel 2001 e ora la seconda versione è in fase di sviluppo attivo. Cioè, è promettente e in via di sviluppo. Uno dei vantaggi è la piccola dimensione del file, in cui è possibile salvare disegni piuttosto complessi. Pertanto, ora sempre più icone, pittogrammi, loghi e altri elementi dei siti vengono utilizzati in questo formato e non in quelli raster. Questo velocizza il caricamento del sito. Le capacità uniche del formato SVG includono interattività e animazione. La prima consente all'immagine di reagire alle azioni dell'utente, ad esempio a un clic del mouse o al movimento di alcuni elementi. L'animazione consente scenari abbastanza complessi. Tutti insieme ti permettono di creare elementi grafici molto belli e vivaci per i siti. Possono anche essere incorporati in normali immagini raster nei formati png, jpg e altri.

Come aprire il file SVG

Su Internet, puoi trovare molte di queste immagini su stock di foto, comprese quelle gratuite. Sono creati negli editor grafici Adobe Photoshop, Illustrator, Corel Draw e alcuni altri. Ma sorge la domanda: come aprire il formato SVG. Dopotutto, gli strumenti di Windows integrati non mostrano quali immagini contengono. Sebbene tu possa persino modificare SVG in un editor di testo, ad esempio in Blocco note, poiché è un documento di testo, devi avere molta conoscenza dei linguaggi di markup. Puoi aprire un file SVG sia nel programma in cui è stato creato, sia in qualche altro editor grafico che supporti questo formato. Più popolare:

Naturalmente, l'elenco dei programmi per lavorare con la grafica vettoriale non è limitato a questi nomi. Ce ne sono molti, incluso il più popolare editor di Adobe Photoshop, che può salvare le immagini come vettori e ha un plug-in per aprirle. Non dimenticare l'editor di grafica vettoriale più popolare Corel Draw, che può essere definito il più popolare.

Cos'altro può causare problemi con il file?

I file SVG non possono essere aperti con i normali mezzi di Windows, così come di molti altri sistemi operativi. Per vedere i loro contenuti e ancor di più per modificarli, devi installare un qualsiasi editor grafico che supporti questo formato.