Aiuto:Immagini SVG

Da Wikisource.
Aiuto: Immagini SVG

Nuvola filesystems folder blue open.png Categoria: Guida del wikisourciano espertoManuale  Nuvola apps noatun.png Guida del wikisourciano esperto  Nuvola apps noatun.png Immagini SVG 

Nuvola apps khelpcenter.png - Aiuto

Ecco una breve guida per creare immagini SVG per Wikisource.

Cosa significa SVG?[modifica]

Wikipedia-logo.png 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[modifica]

Software[modifica]

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

Editor online[modifica]

  • 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[modifica]

Creare SVG con Inkscape[modifica]

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?[modifica]

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

Vantaggi nel caricare file Inkscape SVG[modifica]

  • È 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[modifica]

  • 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[modifica]

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[modifica]

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[modifica]

Altri progetti[modifica]

Domande?[modifica]

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