Aiuto:Immagini SVG

Aiuto: Immagini SVG

Categoria: Guida del wikisourciano espertoManuale Guida del wikisourciano esperto Immagini SVG

Ecco una breve guida per creare immagini SVG per Wikisource.

Cosa significa SVG?

Per un approfondimento, vedi anche la voce Scalable Vector Graphics su WikipediaPer un approfondimento, vedi anche le voci [[w:{{{2}}}|{{{2}}}]] e [[w:{{{3}}}|{{{3}}}]]Per un approfondimento, vedi anche le voci [[{{{4}}}]], [[{{{5}}}]] e [[{{{6}}}]]Per un approfondimento, vedi anche le voci [[w:{{{7}}}|{{{7}}}]], [[w:{{{8}}}|{{{8}}}]], [[w:{{{9}}}|{{{9}}}]] e [[w:{{{10}}}|{{{10}}}]] su Wikipedia.

SVG, acronimo di Scalable Vector Graphics (Grafica Scalabile Vettoriale), è una tecnologia per produrre immagini vettoriali, ovvero scalabili a qualsiasi dimensione senza perdita di dati.

Il formato SVG deriva dall'XML e in quanto tale presenta un markup simile a quello dell'HTML.

Creare e modificare file SVG

Software

Ecco un elenco dei software più popolari per la creazione e la modifica di immagini SVG:

Come detto sopra il formato SVG deriva dall'XML e in quanto tale il codice può essere creato o modificato con qualsiasi editor di testo come nel caso del codice HTML.
Inkscape: Software open source e liberamente scaricabile per creare immagini SVG tramite una comoda interfaccia grafica. Disponibile per Windows, Mac OS X e Linux.
SodiPodi: Altro programma open source per la creazione di file SVG per via grafica. Disponibile per Windows e Linux. Inkscape è basato sul motore Sodipodi.
OpenOffice.org/StarOffice/LibreOffice Draw: Programma di disegno open source contenuto nelle suite OpenOffice.org, StarOffice e LibreOffice. Esporta e legge i file SVG tramite l'apposito plugin.
Adobe Illustrator
CorelDraw

OpenOffice.org Draw
LibreOffice Draw

Editor online

SVG-edit: Semplice editor Javascript funzionante in ogni browser moderno.
- Firefox 1.5+
- Opera 9.50+
- Safari 4+
- Chrome 1+
- IE 6+ (Con il plugin Chrome Frame, supportato nativamente in IE9 dall'edizione 2.6)

Validator

SVG Validator: il World Wide Web Consortium (W3C) mette a disposizione quest'utile strumento per convalidare il codice SVG.

Creare SVG con Inkscape

Creare file tramite l'interfaccia di Inkscape è abbastanza semplice e intuitivo, sono presenti vari strumenti che permettono di disegnare vari tipi di forme, linee, testo, connettori, gradienti di colori, ecc.

Se si inserisce testo nelle immagini è bene tenere conto che la formattazione potrebbe essere visualizzata in modo differente da computer a computer. Per evitare questo è necessario selezionare il testo e andare in

Tracciato --> Da oggetto a tracciato

per fissare il testo come tracciato.

Una volta fatto questo è necessario adattare la dimensione del foglio all'immagine tramite

File --> Proprietà del documento --> Resize page to content... --> Resize page to drawing or selection.

Ora è possibile salvare il file tramite

File --> Salva come....

Inkscape SVG o SVG Puro?

Inkscape ha la possibilità di salvare in due tipi di formati SVG: Inkscape SVG e SVG Puro.

Vantaggi nel caricare file Inkscape SVG

È possibile inserire nel codice metadata come il nome dell'autore, descrizione del file, licenza adottata e altro. Nel caso l'opera sia riutilizzata rimarrà traccia di queste informazioni.
Le forme create con Inkscape, come ellissi o stelle, rimarranno modificabili in quanto tali; in SVG Puro vengono invece convertite come tracciati perdendo alcune caratteristiche modificabili intrinseche dell'oggetto.
Se sono presenti più oggetti rimarranno indipendenti; nel formato SVG Puro al salvataggio tutti gli oggetti vengono raggruppati in un unico tracciato.
I dati specifici di Inkscape vengono preservati, come ad esempio le griglie o le guide di costruzione, solitamente invisibili se non all'interno del programma.
È possibile assegnare nomi, etichette o descrizioni aggiuntive.

Vantaggi nel caricare file SVG Puro

Non vengono salvate informazioni facoltative (metadata) specifiche del software e quindi il file risulta più leggero.
I file SVG creati con versioni di Inkscape precedenti alla 0.46 registrano la cartella in cui è stato creato il file. In sistemi operativi Windows questo comporta anche il nome utente. I file salvati come SVG Puro tagliano questa informazione, che può però essere eliminata anche manualmente pulendo la stringa di codice sodipodi:docbase.
Il formato SVG Puro a volte evita certi bug presenti nel codice Inkscape SVG caricato su Commons.

Metodo consigliato

Se si pensa che il file debba essere modificato in futuro con Inkscape conviene salvarlo in formato Inkscape SVG altrimenti è consigliabile utilizzare il formato SVG Puro in quanto è un formato standard e quindi modificabile tramite qualsiasi editor SVG.

Caricare il file su Commons

Caricando il file su Commons tramite l'apposita pagina di upload è consigliato apporre i template specifici

{{Created with Inkscape}}, per indicare che il file è stato creato con Inkscape. Se il file è salvato in formato Inkscape SVG è necessario aggiungere il parametro IMPORTANT=yes al template.
{{Inkscape-hand}}, per indicare che il file è stato originariamente creato con Inkscape e successivamente il codice è stato modificato a mano tramite un editor di testo.
{{Created with Text Editor}}, per indicare che il file SVG è stato creato manualmente tramite editor di testo.
{{Valid SVG}}, per indicare che il file SVG è stato convalidato tramite il validator W3C sopracitato.

Per altri tag da apporre ai file SVG si può consultare la categoria Category:SVG marker templates su Commons.

Voci correlate

Altri progetti

(EN) Help:SVG su Wikimedia Commons.
(EN) Help:Inkscape su Wikimedia Commons, pagina di riferimento per l'utilizzo di Inkscape con tutorial.

Domande?

Se hai domande, dubbi, proposte o necessiti di chiarimenti sulle immagini SVG premi qui e lascia un messaggio nella pagina di discussione.