Aiuto:Come aggiungere un'immagine

Gli articoli di Wikivoyage possono essere notevolmente migliorati grazie all'aggiunta di un numero adeguato di immagini che aiutino il lettore ad orientarsi anche visivamente tra tutti i luoghi di interesse che una meta può offrire. Le immagini hanno anche il secondo importante scopo di affascinare il lettore e spingerlo a visitare la meta descritta.

Trovare le immagini

Per poter inserire immagini su Wikivoyage, queste devono essere state prima caricate su Wikimedia Commons, il database condiviso da tutte le wiki che raccoglie immagini e file multimediali. Caricare un'immagine propria su Commons è abbastanza semplice, una volta presa familiarità con le varie licenze. In qualsiasi pagina di Wikivoyage tu sia troverai un link a Commons nella barra laterale, premendo il pulsante "Carica un file". In ogni caso, ad oggi, Commons offre già una vasta scelta di immagini tra cui pescare quella che serve a te.

Includere immagini in un articolo

Includere un'immagine in un articolo è abbastanza semplice. Clicca sull'icona nella sezione di modifica; quindi inserisci il nome dell'immagine su Commons, scegli il giusto allineamento e aggiungi una didascalia. Appena farai click su "Inserisci" l'immagine sarà aggiunta all'articolo nel punto in cui si trova il tuo cursore.

Se non vuoi usare la finestra di inserimento delle immagini e vuoi fare da solo, il codice che devi scrivere è:

[[File:Nome dell'immagine su commons|thumb|didascalia]]

In questo modo si produce una miniatura (quella indicata nella prima parte) allineata a destra e rinchiusa in una piccola cornice. Un esempio: Per produrre l'immagine qui a lato, si scriverà: [[File:Osteospermum_Flower_Power_Spider_Purple_2134px.jpg|thumb|Fiore]]

È sempre fortemente consigliato usare il parametro "thumb" a meno che non si abbiano particolari ragioni per non farlo. Per modificare la grandezza vedi più sotto.

Allineamento

Ci sono diversi modi di influire sull'immagine in un articolo. Alcuni di questi, riguardanti, l'allineamento sono:

Inserimento semplice dell'immagine nel testo, senza cornice e non ridotta: [[File:"Nome del file"|"Didascalia"]]
Immagine centrata: [[File:"Nome del file"|center|"Didascalia"]] (si può anche usare "centro" invece di "center")
Allineata a sinistra: [[File:"Nome del file"|left|"Didascalia"]] (si può anche usare "sinistra" invece di "left")
Allineata a destra: [[File:"Nome del file"|right|"Didascalia"]] (si può anche usare "destra" invece di "right")

Didascalia

Una didascalia è sempre fortemente consigliata, sia perché su alcuni dispositivi o vecchi computer può non essere visualizzata correttamente l'immagine e sia per garantire a lettori con handicap di capire comunque cosa c'è nell'articolo.

Dimensioni

Miniature

Se non viene specificata, la dimensione con cui viene presentata l'immagine è quella con cui è stata caricata; per garantire a tutti una migliore accessibilità è preferibile utilizzare le miniature (opzione thumb o miniatura), affinché la dimensione visualizzata sia opportunamente ridimensionata e incorniciata. È possibile personalizzare tale dimensione dalle proprie preferenze utente. Ogni utente è libero di cambiare le proprie preferenze in base alle necessità (es. velocità di connessione veloce e dimensione dello schermo).

Esempio:

[[File:Lago bolsena tramonto.jpg|thumb|Il Lago di Bolsena al tramonto]]

Il parametro thumb imposta le immagini a una larghezza massima di default di 220 pixel (fino al 10 giugno 2010 è stata 180 pixel), indipendentemente dal loro sviluppo in altezza. Le immagini che in originale sono più strette di 220 pixel non vengono ingrandite ma mostrate nella dimensione reale.

Se non sono specificati altri parametri, la miniatura apparirà allineata a destra, con la didascalia sotto (se fornita) e con un simbolo di zoom (ingrandisci) che indica la possibilità di vedere l'immagine nelle sue dimensioni reali.

Esiste anche l'opzione frameless, alternativa a thumb, che ha tutte le caratteristiche di ridimensionamento automatico delle miniature, ma è sprovvista della cornice. In quanto immagine senza cornice è allineata come le parole e la didascalia diviene testo alternativo.

Dimensioni relative

Talvolta può essere necessario ridimensionare manualmente l'immagine, perché ha orientamento o contenuti particolari. È generalmente preferibile farlo in maniera proporzionale alla dimensione standard di ciascun utente. Le immagini con opzione thumb si possono ridimensionare in maniera relativa alla larghezza di default, con il parametro upright o verticale.

Il parametro è nato inizialmente per le immagini con orientamento verticale, e se utilizzato senza ulteriori specificazioni applica una larghezza un po' più stretta di quella delle normali miniature, circa il 75% (170 pixel nel caso dell'impostazione di default di 220 pixel).

Esempio (l'ordine di inserimento dei parametri non è importante), con risultato a fianco:

[[File:Salmonlarvakils.jpg|thumb|upright|Immagine con ''upright'']]

Al parametro può essere inoltre assegnato un valore numerico (upright=N), per applicare un ridimensionamento qualsiasi. Il valore da inserire è il rapporto tra la larghezza desiderata e quella di default delle miniature, utilizzando il punto come separatore decimale. Ad esempio il parametro upright=2 crea un'immagine di larghezza doppia, mentre upright=0.5 crea un'immagine larga la metà. Non ha ovviamente senso inserire upright=1 (è come non metterlo), mentre upright=0.75 equivale a upright senza numero.

Esempio:

[[File:Lago bolsena tramonto.jpg|thumb|upright=0.5|Immagine con ''upright=0.5'']]

Notare che upright, qualunque sia il valore, non sgranerà mai l'immagine facendola apparire più grande della dimensione reale. Come con il solo thumb, le immagini che in originale sono più strette di quanto richiesto vengono mostrate nella dimensione reale.

Dimensioni assolute

È possibile impostare in assoluto la dimensione in pixel dell'immagine, sebbene sia una pratica da evitare, perché vanifica le impostazioni dell'utente e può danneggiare l'accessibilità. Se necessario, per forzare una certa larghezza si deve indicare il numero di pixel seguito, senza spazi, dai caratteri minuscoli px, ad esempio 250px; l'altezza verrà calcolata automaticamente.

Esempio:

[[File:Lago bolsena tramonto.jpg|100px|thumb|Il Lago di Bolsena in secca]]

Se la larghezza in pixel viene fornita assieme al parametro thumb, come per tutte le miniature rappresenterà una larghezza massima, mentre se non è una miniatura è possibile forzare anche una larghezza maggiore dell'originale, "stirando" l'immagine.

Dimensionamento dell'altezza

È possibile anche definire l'altezza dell'immagine usando il formato "AAAxBBBpx", che permette di mostrare l'immagine con una dimensione massima di AAA pixel di larghezza o BBB di altezza, sempre mantenendo le proporzioni. In tale caso l'immagine non viene distorta, ma la miniatura, una volta raggiunto il massimo in una delle due misure, ridimensionerà l'altra in proporzione.

Ad esempio usando la sintassi

[[File:Time 100 George Lucas.jpg|4000x100px|right]]

si ottiene l'immagine a destra, con un'altezza di 100 px.

È possibile anche forzare soltanto l'altezza, inserendo ad esempio x100px.

Dimensioni reali

Tramonto sul lago di Bolsena (dimensioni originali)

L'opzione frame permette di inserire un'immagine nelle sue dimensioni originali e incorniciata. Il frame è compatibile con le didascalie e l'allineamento. Ogni tipo di ridimensionamento manuale verrà ignorato.

[[File:Lago bolsena tramonto.jpg|frame|right|Tramonto sul lago di Bolsena]]

Gallerie di immagini

È possibile, in alcuni rari casi, impaginare più immagini sotto forma di galleria. Si usano di solito a chiusura di una sezione particolarmente completa su un tema o un punto di interesse per fornire più visuali o per descrivere anche visivamente i particolari di cui si è parlato nel testo. Questi tag come i successivi template sono da usarsi ponderatamente. La sintassi da usare è la seguente:

File:Nomefile.estensione|Didascalia

File:Nomefile.estensione|Didascalia
...
</gallery>

E il risultato che viene visualizzato è simile a questo:

Lago di Bolsena - tramonto
Lago di Bolsena - bianco e nero

Il tag gallery accetta quattro parametri (vedi il Manuale di MediaWiki):

caption={caption}: imposta il titolo della gallery.
widths={width}px: imposta la larghezza delle immagini.
heights={heights}px: imposta l'altezza massima delle immagini.
perrow={integer}: imposta il numero di immagini per ogni riga.

Ad esempio la sintassi <gallery perrow="2" > imposta due immagini per riga. Si raccomanda di utilizzare la sintassi standard; i parametri aggiuntivi possono essere utilizzati solo in casi particolari e ben motivati.

Parametri aggiuntivi

A partire dal MediaWiki 1.22, ci sono nuovi parametri sfruttabili per costruire gallerie di miglior utilità. Il parametro mode, ad esempio, consente di sistemare le immagini con altezza costante e didascalia a scomparsa.

Qualche esempio. Dal seguente codice (relativo al mode="traditional", che è anche il default)

<gallery mode="traditional">
File:Astronotus_ocellatus.jpg|''[[c:Astronotus ocellatus|Astronotus ocellatus]]'' (Oscar)
File:Salmonlarvakils.jpg|''[[c:Salmo salar|Salmo salar]]'' (Salmon Larva)
File:Georgia Aquarium - Giant Grouper.jpg|''[[c:Epinephelus lanceolatus|Epinephelus lanceolatus]]'' (Giant grouper)
</gallery>

si ottiene:

Astronotus ocellatus (Oscar)
Salmo salar (Salmon Larva)
Epinephelus lanceolatus (Giant grouper)

Altri esempi: mode="packed-overlay"

Astronotus ocellatus (Oscar)
Salmo salar (Salmon Larva)
Epinephelus lanceolatus (Giant grouper)

mode="packed-hover"

Astronotus ocellatus (Oscar)
Salmo salar (Salmon Larva)
Epinephelus lanceolatus (Giant grouper)

mode="nolines"

Astronotus ocellatus (Oscar)
Salmo salar (Salmon Larva)
Epinephelus lanceolatus (Giant grouper)

mode="packed"

Astronotus ocellatus (Oscar)
Salmo salar (Salmon Larva)
Epinephelus lanceolatus (Giant grouper)

Template galleria

In alternativa ai tag HTML, c'è anche il Template:Galleria che può tornare utile per l'inserimento di gallerie. Questo serve per creare delle gallerie dinamiche ma è sconsigliato su Wikivoyage per svariati motivi tecnici che troverete nella sua pagine di discussione. Il suo uso è riservato unicamente ai casi in cui si sta parlando di qualcosa di cui è necessario far vedere l'evoluzione o particolari in un preciso ordine di successione. Per tutti gli altri casi utilizzate i tag <gallery>>

Vedi anche

Mi sembra di aver capito, ma...

Se non riesci ad afferrare qualche concetto o non capisci il perché di tale procedura, ci metti cinque secondi a chiederlo e avere risposta. Se pensi invece di avere una proposta, piccola o grande che sia, siamo tutti pronti ad ascoltarti.

L'elenco di tutte le pagine riguardanti Wikivoyage si trova nella pagina Aiuto:Aiuto.