Aiuto:Markup immagini

Da Wikipedia, l'enciclopedia libera.

Questa pagina di aiuto spiega come aggiungere immagini, illustrazioni, grafici e altre illustrazioni alle voci enciclopediche di Wikipedia e alle pagine degli utenti registrati.

Inserimento di un'immagine

Dopo aver caricato (o trovato) un'immagine chiamata Esempio.png su Commons o su it.wiki (la Wikipedia in lingua italiana) per inserirla in una pagina basta scriverne il nome preceduto e seguito dalle doppie parentesi quadre, come un collegamento interno (wikilink).

[[Immagine:Esempio.png]] oppure [[Image:Esempio.png]]

Note:

• Non c'è alcuna differenza tra le immagini che si trovano su Commons e quelle che sono su it.wiki; in tutti gli esempi di questa pagina in cui è usato il prefisso Immagine: davanti al nome del file, si può usare anche Image: in modo del tutto indifferente, dovunque sia ospitata l'immagine.
• Mettere sempre una linea vuota dopo l'immagine per evitare disallineamenti del testo con Internet Explorer.

Posizione rispetto al testo

Per cambiare la posizione dell'immagine rispetto al testo della pagina si possono indicare dei parametri opzionali dopo il nome del file, separandoli con una barra verticale, |.

Immersa nel corpo del testo: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[Immagine:Esempio.png]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Senza scorrimento del testo: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[Immagine:Esempio.png|none]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Allineata a sinistra, con scorrimento: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[Immagine:Esempio.png|left]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Centrata nella pagina: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[Immagine:Esempio.png|center]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Allineata a destra, con scorrimento: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[Immagine:Esempio.png|right]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nota:: Per terminare lo scorrimento del testo a lato dell'immagine, andando a capo e ritornando alla massima larghezza della pagina, è necessario inserire i seguenti tag:

• A capo su entrambi i margini: <br style="clear:both;"/>.

• A capo sul margine sinistro: <br style="clear:left;"/>.

• A capo sul margine destro: <br style="clear:right;"/>.

Didascalie e testo alternativo

È possibile aggiungere automaticamente all'immagine una didascalia o un testo alternativo, che viene visualizzato al posto di quest'ultima dai browser testuali. Il testo alternativo rappresenta un elemento importante per l'accessibilità delle pagine, in particolare agli utenti disabili.

Testo alternativo

Per approfondire, vedi la voce Aiuto:Testo alternativo per le immagini.

Per ottenere un testo alternativo (in HTML ALT TEXT) è sufficiente specificarne il contenuto dopo il nome ed eventuali parametri opzionali, separandolo con una barra verticale, |. Il testo alternativo dev'essere l'ultima informazione prima delle parentesi quadre di chiusura.

Immagine con testo alternativo:

[[Immagine:Esempio.png|Testo alternativo]]

Didascalia

Didascalia

Per ottenere una didascalia è necessario specificare il parametro opzionale frame che fa sì che l'immagine venga visualizzata sulla destra, racchiusa in una cornice e con la didascalia in basso; la didascalia, che va separata dalle opzioni con una seconda barra verticale, |, sostituisce il testo alternativo dell'immagine.

Immagine incorniciata con didascalia:
[[Immagine:Esempio.png|frame|Didascalia]]

Link interni e siti esterni

Il testo della didascalia può contenere dei collegamenti ad altre voci di Wikipedia (wikilink) oppure a siti esterni.

Didascalia con collegamenti:
[[Immagine:Esempio.png|frame|[[Aiuto:Wikilink|Link]] interni e [http://en.wikipedia.org siti] esterni]]

Nota:: Assicurarsi sempre che il numero di parentesi quadre aperte e chiuse sia corretto: una parentesi in più o in meno significa il mancato funzionamento dell'intero comando [[Immagine: ]].

Dimensioni dell'immagine

Attenzione: nell'inserire immagini e tabelle, tieni conto sia della resa grafica (pensa ai tanti utenti che usano basse risoluzioni video - prova a vedere come appare la pagina anche a 640x480), sia del peso complessivo della pagina (molti utenti hanno infatti sistemi non recentissimi e possono usare connessioni lente).
Non eccedere col peso delle immagini e verifica che la pagina non debba essere scorsa orizzontalmente o che parti di essa si sovrappongano. Inoltre assicurati che il contenuto sia sempre accessibile nonostante la grafica.

Se non viene specificata, la dimensione con cui viene presentata l'immagine è quella con cui è stata caricata; per ridimensionarla è possibile specificare, tra le opzioni che seguono il nome, il numero di pixel di larghezza (l'altezza viene calcolata automaticamente in modo che l'immagine non sia distorta). Il numero di pixel dev'essere seguito, senza spazi, dai caratteri minuscoli px.

Miniature

Per visualizzare automaticamente una miniatura dell'immagine (un'anteprima di dimensioni ridotte, si usa il parametro opzionale thumbnail o thumb. Se non sono specificati altri parametri, la miniatura appare 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.

Il Lago di Bolsena al tramonto

Il Lago di Bolsena in secca

[[Image:Lago bolsena tramonto.jpg|thumbnail|Il Lago di Bolsena al tramonto]]

Note:

• L'opzione thumb si può usare insieme left, center e right per modificare la posizione della miniatura sulla pagina. Per l'uso all'interno delle tabelle è consigliata invece l'opzione none.
• La dimensione predefinita delle miniature è di 180px (180 pixel) di larghezza; l'altezza viene calcolata automaticamente in modo che l'immagine non sia distorta. L'opzione "thumbnail" può anche essere combinata con l'opzione "px" per cambiare la dimensione, come in questo esempio:

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

• Per cambiare il proprio valore predefinito (che si applica ad ogni immagine la cui dimensione non sia stata stabilita esplicitamente), si veda Aiuto:Preferenze/Immagini.
• Se la dimensione originale dell'immagine è inferiore a quella della miniatura, quest'ultima non viene ridimensionata. Se l'immagine originale è molto grande (sopra i 12,5 Mpixel circa) l'anteprima non viene creata.

Esempi di miniature:

Esempio

Tramonto

Il lago in bianco e nero

Immagini grandi

È possibile inserire immagini "grandi" che possono scorrere orizzontalmente. Può essere usato ad esempio con i panorami a 360 gradi. Ad esempio, il comando {{immagine grande|Skyline-New-York-City.jpg|2000px}} produce l'immagine

Per ulteriori istruzioni si veda {{Immagine grande}}

Gallerie di immagini

È possibile impaginare più immagini sotto forma di galleria. La sintassi da usare è la seguente:

E il risultato che viene visualizzato è simile a questo:

Lago di Bolsena - tramonto

Lago di Bolsena - bianco e nero

Richiamo della pagina di descrizione

Per richiamare all'interno di una voce la pagina di descrizione dell'immagine, aggiungere il carattere "due punti" (:) all'inizio del collegamento; in tal modo il software lo interpreta come un link interno. Il nome del file può essere seguito da una barra verticale, |, ed eventualmente da un testo. Se è presente solo la barra verticale, viene eliminato il prefisso 'Immagine:' e visualizzato solo il nome del file; se presente, il testo che segue la barra verticale viene visualizzato al posto del nome dell'immagine.

Richiamo dell'immagine

Per richiamare all'interno di una voce l'immagine in formato scaricabile, sostituire il prefisso Media: a 'Immagine:' o 'Image:'; anche in questo caso il software lo interpreta come un link interno. Il nome del file può essere seguito da una barra verticale, |, ed eventualmente da un testo. Se è presente solo la barra verticale, viene eliminato il prefisso 'Media:' e visualizzato solo il nome del file; se presente, il testo che segue la barra verticale viene visualizzato al posto del nome dell'immagine.

Voci correlate

• Politica di uso delle immagini
• Copyright immagini
• Come cercare immagini per Wikipedia
• Come caricare una immagine in Wikipedia