MondoPC

    internet

    • gestire un sito
    • scegliere un server
    • editor testuali
    • editor visuali
    • gestire le immagini
    • i fogli di stile
    • grafica vettoriale SVG
    • home

MondoPc - il Pc usato seriamente

sistemi operativi | office | immagini | audio | video | tools | internet | webmaster |

SVG

Si tratta di uno standard molto interessante (per maggiori dettagli http://www.w3c.org/SVG/).

valutazione complessiva

i pregi

Si può vedere, per un elenco più completo, la già accennata tabella comparativa tra Flash e SVG (in inglese) redatta da un estimatore di SVG.

Personalmente trovo la grafica SVG più flessibile di quella proprietaria, tanto Microsoft quanto Macromedia. La possibilità di intervenire a livello del codice sorgente (testuale e "pulito") rappresenta un grande vantaggio.

La applicazione che più mi interessa è a livello di schemi, diagrammi, o anche titoli di pagine da rendere con un formato più ricco di quanto non consenta l'HTML, senza però ricorrere a immagini raster.

gli attuali limiti

a livello di visualizzazione sotto Windows

  • A tutt'oggi, il modo più semplice e diffuso di visualizzare SVG è quello di usare il plugin di Adobe (svgviewer), anche se esistono altri plugin, ad esempio quello di Corel, ed esistono programmi, ad esempio in Java (il più famoso dei quali è Batik), capaci di visualizzare gli svg in modo "nativo".
  • Adobe SVG viewer non ha la possibilità, nel caso in cui l'immagine vettoriale SVG debordi dall'area visibile dello schermo, di attivare una barra di scorrimento. Questo pone dei problemi di visualizzazione, aggirabili o riducendo l'area di visualizzazione, in modo da farla rientrare da subito nello schermo, o usando alt+il tasto sinistro del mouse, per trascinare nelle quattro direzioni l'immagine.

a livello di editing

la funzione "text" ha il grave handicap di non avere l'a-capo automatico, e di non poter nemmeno contare su qualcosa di equivalente al tag html <br /> così, se si vuole rappresentare del testo "abbondante" l'unica cosa è creare manualmente diverse righe, inizianti con <text> e finenti con </text>. Il che non è esattamente il massimo della praticità.

editors di SVG

editors datati

Un accettabile editor commerciale SVG è quello della Jasc, WebDraw: è un editor piuttosto completo, che gestisce anche le animazioni. Queste ultime, bisogna ammetterlo, sono comunque senza paragone, allo stato attuale, molto meglio gestibili con i software che elaborano Flash.

Un editor più rozzo, ma gratuito, è Amaya, il browser/editor HTML del W3C.

Hanno comunque buone capacità di esportare immagini vettoriali in SVG sia Adobe Illustrator, sia OpenOffice (>1.0), della SUN, sia PhotoImpact della ULEAD.

Vi è un recente, ottimo prodotto per ottenere degli SVG: non è un editor, ma ottiene un SVG a partire da qualsiasi file stampabile: è SVGmaker, di una ditta australiana. Il suo forte:

  • la estrema semplicità di uso: una volta installato funziona infatti come pseudo-stampante; lavorate con qualsiasi programma per Windows (Word, Excel, PowerPoint) e scegliete di stampare il vostro prodotto (un file di testo, un diagramma, una presentazione, un foglio di calcolo) ed SVGmaker vi produce, in pochi secondi un eccellente file SVG.
  • L'incredibile resa delle immagini (non-vettoriali): la fedeltà è totale, e il file SVG prodotto non è in genere più pesante, anzi spesso è (di poco) più leggero dell'immagine raster da cui è stato ricavato.

Qualche cenno merita anche Web-Dwarf, della Virtual Mechanics, un editor nativo per SVG (o HTML). Sembra fare cose eccellenti, ma si blocca un po' troppo facilmente, e, ciò che è peggio, può perdere dei pezzi del lavoro che avete fatto senza che se ne capisca bene il perché. Peccato, perché se si guarda il codice sorgente si vede che è piuttosto potente e preciso come elaborazione. Probabilmente è frutto di una certa frettolosità.

Ottimi editor di recente generazione

Anzitutto Sodipodi: nato in ambiente Linux, è ora disponibile anche per Windows (9x e segg.). Si tratta di un ottimo programma, freeware, ma potente e flessibile. Richiede le librerie GTK, facilmente installabili e non pesanti. Fa abbondante uso del tasto destro del mouse. Un limite è la mancanza di un Help incluso nel programma. Ma si tratta di un software decisamente intuitivo.

Dall'evoluzione di Sodipodi, e in pratica soppiantandolo, esce Inkspace, di cui parliamo poco sotto.

Buono è anche Sketsa, scritto in Java (richiede il Java runtime environnement 1.4.2 o successivo), e multipiattaforma.

Si tratta di un programma completo, meno intuitivo di Sodipodi, ma con maggiori possibilità di controllo sul codice sorgente, che in Sodipodi rischia di essere talora sovrabbondante. Pur essendo legato alla comunità Open Source il programma non è freeware, ma shareware. Rappresenta un significativo passo avanti nel campo dell'editing SVG.

Livelli eccellenti sono raggiunti poi da Inkscape e da Dia, in versione anche per Windows (9x e segg.).

Con Inkskape potete davvero manipolare la grafica vettoriale in modo estremanente intuitivo, flessibile e ricco. Il programma, a differenza di Sketsa, è freeware e open source.

Dia è mirato alla creazione di diagrammi e organigrammi. E' perciò più leggero di Inkscape, anche se più limitato in fatto di effetti grafici, essendo appunto specializzato nel creare caselle di testo e connettori (proprietà però, ques'ultima, che Inkscape non ha). Può salvare sia in un formato proprietario (facilmente accessibile a un editor testuale peraltro) sia in SVG.

Una belle sorpresa è che, una volta creato un file in formato proprietario (estensione .dia) è possibile, dalla shell di visualizzazione dei files (Gestione Risorse, o TotalCommander), usando il tasto destro del mouse, ottenere un file clone in vari formati, tra cui wmf, eps, e svg.

Programmi che fanno, a mio parere, pochino, ma pur sempre qualcosa di utilizzabile, in certe occasioni, sono:

  • Eve, leggerissimo (in tutto meno di 200Kb) che fa tra l'altro diagrammi, esportandoli in SVG;
  • Beez, lui pure ultraleggero, che disegna curve di bezier, animandole. Ne vien fuori con gran facilità un svg animato, la cui effettiva utilità però non si direbbe grandissima. Se volete un esempio cliccate qui.
  • Specialista sul fronte delle figure geometriche è TpX, lui pure leggerissimo (meno di 800 kb).
  • Più complesso è Yed, un programma scritto in java, che dei suoi simili non ha la lentezza e la bruttezza di interfaccia, ma ha comunque un difetto: va spesso in crash. Il suo pregio è la ricchezza di funzioni, e la capacità di fornire e modificare molto rapidamente diagrammi complessi e ampiamente personalizzabili. E' freeware e pesa (non istallato) poco più di 4 Mb (l'istallazione non lo gonfia troppo: 4,7 Mb, curiosamente in un solo file eseguibile). (vedi esempio fatto con i template di yed).

come fare per:

visualizzare SVG su server locale

Molti avranno notato che un svg inserito in una pagina web in remoto viene correttamente visualizzato, mentre visto sul proprio server, in locale (http://localhost) invece dell'immagine vettoriale viene visualizzato il codice sorgente. Ovviamente con effetto bruttissimo.

Per risolvere il problema occorre settare il server locale modificando i parametri del file httpd.conf, e aggiungendo le seguenti stringhe, nella sezione <IfModule mime_module>:

AddType image/svg+xml .svg
AddType image/svg+xml .svgz
AddEncoding gzip .svgz
<FilesMatch \.svgz$>
<IfModule mod_gzip.c>
mod_gzip_on No
</IfModule>
</FilesMatch>

Con queste istruzioni diciamo ad Apache come manipolare i files con estensione .svg e .svgz (questi ultimi, se possibile, andrebbero evitati, perchè la loro gestione, soprattutto in Linux, è più difficoltosa).

visualizzare SVG sotto Windows

SVG è una grafica vettoriale impiegata soprattutto per internet. Dunque è importante che i browsers lo sappiano visualizzare. A tutt'oggi i principali browsers, eccetto Amaya, non lo visualizzano in modo nativo, ma solo grazie a un plugin, peraltro molto leggero, quello di Adobe.

Ormai da tempo la famiglia Gecko, ad esempio, Mozilla e Firefox, accettano il plugin di Adobe, non tanto la ver. stabile (3.X), quanto la ver. alfa 6.

Si tratta di

  • installare nel sistema Adobe SVGviewer
  • collocare nella cartella \plugins di tali browsers i due files, NPSVG6.dll e NPSVG6.zip, che si trovano, dopo che il viewer è stato installato nel sistema, in una cartella che dovrebbe chiamarsi SVG Viewer 6.0

visualizzare (certi) SVG in Firefox

Si veda questa scheda, per problemi che possono nascere con SVG.

links

gruppi di discussione

  • http://groups.yahoo.com/group/svg-developers/
  • http://it.groups.yahoo.com/group/svg-italia/

siti

  • le specifiche ufficiali del W3C ( http://www.w3.org/TR/WD-SVG )
    una esauriente spiegazione, con diversi esempi, sui criteri e le possibilità di SVG.
  • Adobe SVG Zone ( http://www.adobe.com/svg )
    con possibilità di scaricare l'Adobe SVG Viewer, un Tutorial, ed esempi di SVG. Vi si trova anche una pagina di links, costantemente aggiornata
     

Contatti: