Aiuto:Markup immagini

Vai alla navigazione Vai alla ricerca
Scorciatoie
NP:MI

Questa pagina ti spiega come mettere le immagini nelle pagine usando il markup delle immagini, cioè dei codici strani che dicono al browser come mostrarle.

Inserimento di un'immagine

Sportello disinformazioni

Dopo aver trovato un'immagine su Wikimedia Commons o Nonciclopedia, per inserirla in una pagina basta che scrivi il nome come se fosse un link, cioè fra parentesi quadre: invece di linkare all'immagine la mostrerà. Occhio, però che se scrivi solo questo l'immagine apparirà alla dimensione originale (a volte sono troppo grosse) e interrompendo il testo, in pratica sfasciando l'impaginazione.

Per evitarlo, scrivi così:

[[File:nomefile.jpg|miniatura|didascalia]]
  • Invece di nomefile.jpg metti il nome completo del file inclusa l'estensione (jpg, png, quello che è);
  • miniatura lascialo così, dice al browser di ridimensionare l'immagine in base alla grandezza dello schermo;
  • invece di didascalia metti del testo che apparirà sotto l'immagine.

Tutto qui. L'immagine si metterà da sola sul lato destro alla dimensione giusta senza rompere i coglioni. Ci sono altre opzioni ma lasciale stare, servono solo in rarissimi casi e non nelle pagine di contenuti.

Suggerimenti

Didascalia
  • Se vuoi mettere un'immagine da Commons e questa invece di iniziare con File: inizia con Image: va bene lo stesso. Anzi, il software riconosce anche quelle che iniziano per Immagine:.
  • Se ci sono due immagini su Commons e su Nonciclopedia che hanno lo stesso identico nome, inserirla mostrerà quella caricata su Nonciclopedia. Se le due immagini sono identiche per piacere segnala quella caricata qui per la calciorotazione (metti l'avviso {{cancella subito}}) perché non serve tenerla; se invece sono diverse segnalala per lo sloggiamento (metti l'avviso {{sloggia}}).
  • Le immagini sono impaginate meglio se messe direttamente sotto un titolo di sezione. Se le metti prima del titolo (o molto dopo) va a finire che spezzano la riga che divide le sezioni, il che induce il vomito ai patiti del web design.
  • Inutile che provi a mettere un'immagine in un punto preciso rispetto al testo, tanto cambia in base allo schermo di chi vede la pagina, dal browser, e dalle sue preferenze. Quindi è anche inutile scrivere nel testo "vedi immagini a fianco" o roba simile.

Didascalia

senza cornice
senza cornice

Se hai fatto il bravo e scritto "miniatura" dopo il nome del file potrai aggiungere anche una doverosa didascalia. Questa non è altro che del normale testo, con possibilità di link, elenchi, quello che ti pare. Però non esagerare perché la larghezza del testo sarà la stessa di quella dell'immagine, e se scrivi troppe cose verrà un orrendo box stretto e alto.

Se non serve una didascalia non basta lasciare vuoto perché rimarrà un brutterrimo spazio bianco in basso. Un'immagine che non richiede didascalia invece di "miniatura" vuole "senza cornice" e poi anche "destra" (altrimenti si mette in mezzo ai coglioni), ma anche lei viene ridimensionata automaticamente. Ad esempio:

[[File:Esempio.jpg|senza_cornice|destra]]</dib>

Dimensioni dell'immagine

Il codice "miniatura" imposta automaticamente la dimensione. È possibile metterne una precisa ma non farlo perché oggigiorno la gente naviga con schermi di tutte le dimensioni, da quelli che puoi mettere in tasca a quelli che ti arredano l'intera parete del salotto, quindi quello che a te appare giusto a Tizio sembrerà minuscolo e a Caio uscirà fuori dalla pagina (Sempronio non pervenuto).

Gallerie d'immagini

Certe volte sta bene mettere una galleria di immagini in una sezione apposita (non a cazzo di cane), cioè un riquadro con una serie di immagini messe in fila. Scrivi così:

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

Il risultato sarà una cosa del genere:

Tutto qua. Sarebbe possibile imporre dimensioni e così via ma vale lo stesso discorso delle immagini singole: non sai mai che schermo usa quello che legge, quindi lascia stare. Però c'è un parametro utile quando vuoi dare un titolo alla galleria; scrivi così:

<gallery caption="Titolo">
File:Nomefile.estensione|Didascalia
File:Nomefile.estensione|Didascalia
...
</gallery>

Collegamento all'immagine

Se vuoi linkare un'immagine senza farla comparire nella pagina, basta che la scrivi con due punti (:) prima di "File". Ovviamente non scrivere "miniatura" e simili, ma puoi mettere un testo alternativo dopo una barra verticale (|) come faresti per un normale link.

Ad esempio, [[:File:Esempio.jpg|Esempio]] diventa Esempio.

Collegamento diretto all'immagine

Se pensi che agli altri non fotta niente della descrizione e vogliono solo vederla nuda e cruda in formato scaricabile, invece di iniziare con "File:" inizia con Media: Anche in questo caso funzionerà come un normale link.

Ad esempio, [[Media:Esempio.jpg|Esempio]] diventa Esempio.

Collegamenti ad altre robe

Normalmente cliccare su un'immagine porta alla sua descrizione, ma se vuoi puoi far finire l'ignaro lettore in tutt'altra pagina. Per farlo aggiungi il parametro "link=" con il titolo completo della pagina (se è un link interno a Nonciclopedia), o l'URL completa (se è un sito esterno).

Ad esempio, [[File:Flag of Italy.svg|20px|link=Italia|Italia]] produce questa simpatica icona Italia che rimanda alla voce Italia.

Invece [[File:Flag of Italy.svg|20px|link=https://www.reddit.com/r/ITAGLIA/|ITAGLIA]] produce sempre la graziosa iconcella ITAGLIA solo che stavolta rimanda a un orrendo subreddit.

O magari vuoi che cliccandoci sopra non succeda proprio niente, soprattutto se è un'icona. Per farlo metti il parametro "link=" senza scrivere niente dopo. Ad esempio, [[File:Flag of Italy.svg|20px|link=|Italia]] produce ancora quella cazzo di bandierina Italia ma pur dicendo "Italia" se ci passi sopra non porta da nessuna parte (come vivere nel nostro Paese).

Spiegoni esterni

  • Aiuto:Immagini su MediaWiki, con tutte le fantascientifiche possibilità che però è meglio se non usi.

Pagine correlate

Immagini Progetto Immagini: sbattiti per Nonciclopedia sull'argomento Immagini