Ajutor: Markup imagini
Această pagină de ajutor explică limbajul de marcare a imaginii , adică setul de „markeri” (reguli sau convenții, expresii codificate) pentru a adăuga imagini, ilustrații și grafică pe paginile Wikipedia.
Inserarea unei imagini
|
După ce ați încărcat (sau ați găsit ) o imagine pe Wikimedia Commons sau pe it.wiki (ediția în limba italiană a Wikipedia), pentru a o insera într-o pagină, scrieți doar numele precedat și urmat de paranteze pătrate duble, ca un link intern ( wikilink ). În practică, se scrie de obicei:
-
[[ File: Esempio.png | miniatura | didascalia ]]
-
În cazul în care Example.png este numele imaginii (de exemplu, Torre di Pisa 2008.jpg), miniatura (sau degetul mare ) este un parametru pentru formatarea implicită a imaginii (vezi și mai jos ), iar subtitrarea este textul scurt care descrie conținut (de exemplu „Turnul Pisa”).
Cea descrisă recent este sintaxa tipică, pentru a fi utilizată în marea majoritate a cazurilor și creează automat o miniatură a imaginii de dimensiune optimă, aliniată la dreapta. De obicei nu este nevoie de nimic altceva, dar în unele cazuri poate fi util să modificați unii parametri (aliniere, dimensiune etc.), așa cum este descris mai jos.
Sugestii
- Nu există nicio diferență între imaginile găsite pe Commons și cele găsite pe it.wiki; în toate exemplele de pe această pagină în care se folosește prefixul Fișier: în fața numelui fișierului, puteți utiliza și Imagine: sau Imagine: într-un mod complet indiferent, oriunde este găzduită imaginea.
-
[[ Immagine: Esempio.png]]
sau[[ Image: Esempio.png]]
sau, mai corect,[[ File: Esempio.png]]
-
- Rețineți că atunci când atât Commons, cât și it.wiki conțin o imagine cu același nume, prioritatea va merge la imaginea it.wiki, care va fi apoi cea afișată pe pagină (dacă imaginea este aceeași, vă rugăm să o raportați cu
{{nowcommons}}
sau, dacă este diferit, cereți să-l redenumiți inserând linia{{sposta|nuovo_nome_file|omonimia con immagine diversa su Commons}}
în pagina de imagine).
Poziția relativă la text
Pentru a modifica poziția imaginii în raport cu textul de pe pagină, puteți indica parametrii opționali după numele fișierului, separându-i cu o bară verticală, | .
Fără derulare text: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et pain magna aliqua. Ut enim ad minim veniam, care este nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |
Aliniere la stânga, cu derulare: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et pain magna aliqua. Ut enim ad minim veniam, care este nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |
Centrat pe pagină: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et pain magna aliqua. Ut enim ad minim veniam, care este nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |
Aliniat la dreapta, cu derulare: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et pain magna aliqua. Ut enim ad minim veniam, care este nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
Notă : Pentru a termina derularea textului din partea laterală a imaginii, mergând în cap și revenind la lățimea maximă a paginii, este necesar să introduceți următoarele etichete:
- Înfășurați pe ambele margini:
{{clear| both }}
. - Înfășurați marginea din stânga:
{{clear| left }}
. - Înfășurați marginea dreaptă:
{{clear| right }}
.
Dacă nu specificați o poziție, imaginile încadrate ( miniatură , degetul mare sau parametrii cadrului , vezi mai jos) sunt implicit aliniate la dreapta.
Imaginile fără cadru, pe de altă parte, se comportă în mod implicit ca și cum ar fi cuvinte de text; se aliniază la stânga, dar dacă le puneți într-o propoziție ca aceasta , devin parte a propoziției în sine. În aceste cazuri, este, de asemenea, posibil să se specifice un parametru suplimentar care să indice alinierea verticală față de cuvintele: "linie de bază", "mijloc" (implicit), "sub", "super", "text-top", "text -bottom "," top "sau" bottom ". Exemplu de top
și jos
. Cu toate acestea, este un sistem foarte rar folosit și numai cu imagini foarte mici.
Subtitrări, chenare și text alternativ
Este recomandat să adăugați o legendă sau alt text la imagine , care este afișat automat în locul acesteia de către browserele de text. Textul alternativ este un element important pentru accesibilitatea paginilor , în special pentru utilizatorii cu dizabilități și nevăzători.
Text alternativ
Se recomandă insistent să însoțiți imaginea cu un scurt text descriptiv, care va constitui legenda imaginii acolo unde nu a putut fi văzută de cititor. Aceasta acționează și ca text ALT
(în atributul ALT
HTML ).
Legenda trebuie inserată după numele imaginii și după orice parametri opționali, separându-l cu o bară verticală, | . Textul alternativ trebuie să fie ultima informație dinaintea parantezelor de închidere.
Imagine cu text alternativ:
[[File:Esempio.png |Testo alternativo ]]
Rețineți că, pentru imaginile fără cadru, textul introdus în acest mod apare atât ca text alternativ, cât și ca o subtitrare la tooltip , vizibilă doar la trecerea mouse-ului (în atributul title
HTML). Dacă doriți să setați doar text alternativ sau un text alternativ, altul decât legenda, utilizați alt=
(consultați # Legenda ).
Margine
Pentru a obține o margine subțire (nu un cadru complet), trebuie să specificați parametrul de margine opțional care face ca imaginea să apară cu o margine mică în jurul ei.
Imagine cu chenar (sau cadru):
[[File:Esempio.png |border ]]
Legendă
Pentru a obține o legendă este necesar să specificați miniatura opțională (sau degetul mare ) sau parametrul cadru care face ca imaginea să fie afișată în dreapta, încadrată într-un cadru și cu legenda în partea de jos; subtitrarea, care trebuie separată de opțiuni cu o a doua bară verticală, | , înlocuiește textul alternativ al imaginii. Pentru a indica și un text alternativ, trebuie utilizat parametrul alt .
Imagine încadrată cu legenda:
[[File:Esempio.png |miniatura|Didascalia ]]
Imagine încadrată cu subtitrare și text alternativ:
[[File:Esempio.png |miniatura|alt=Un globo terrestre|Didascalia ]]
Legenda cu linkuri:
Textul subtitrării poate conține linkuri către alte intrări Wikipedia (link-uri wikilink ) sau către site-uri externe.
[[File:Esempio.png |miniatura|[[Aiuto:Wikilink|Link]] interni e [http://en.wikipedia.org siti] esterni ]]
Dacă textul subtitrării constă dintr-o singură propoziție sau un nume simplu, nu introduceți un punct final; dacă, pe de altă parte, textul care însoțește și descrie imaginea este compus și alcătuit din mai multe propoziții, respectați punctuația normală adoptată de obicei pentru texte.
Atenţie! Asigurați-vă întotdeauna că numărul parantezelor de deschidere și închidere este corect : o paranteză mai multă sau una mai mică înseamnă că întreaga comandă [[Fișier:]] nu funcționează.
Marimea imaginii
Când inserați imagini și tabele , luați în considerare atât redarea grafică (gândiți-vă la mulți utilizatori care utilizează rezoluții video reduse), cât și greutatea generală a paginii (de fapt, mulți utilizatori au sisteme mai vechi și pot utiliza conexiuni lente). Încercați să vedeți cum arată pagina chiar și la rezoluție mică (de exemplu 800x600 sau 1024x768) și nu depășiți greutatea imaginilor; nu setați dimensiunea imaginilor degetului mare decât dacă este strict necesar: lăsați-le să aibă lățimea implicită aleasă de utilizator . Apoi verificați dacă pagina nu trebuie să fie derulată orizontal sau dacă părți ale acesteia nu se suprapun. De asemenea, asigurați-vă că conținutul dvs. este întotdeauna accesibil chiar și atunci când imaginile nu pot fi vizualizate . | ![]() |
Miniaturi
Dacă nu este specificat, dimensiunea în care este prezentată imaginea este cea în care a fost încărcată; pentru a asigura o accesibilitate mai bună pentru toată lumea, este de preferat să folosiți miniaturile ( miniatură sau opțiunea degetul mare ), astfel încât dimensiunea afișată să fie redimensionată și încadrată corespunzător. Puteți personaliza această dimensiune dinpreferințele utilizatorului . Fiecare utilizator este liber să-și schimbe preferințele după cum este necesar (de exemplu, viteza rapidă a conexiunii și dimensiunea ecranului).
Exemplu:
[[File:Lago bolsena tramonto.jpg |miniatura| Il Lago di Bolsena al tramonto]]
Parametrul degetului mare setează imaginile la o lățime maximă implicită de 220 pixeli (până la 10 iunie 2010 a fost de 180 pixeli), indiferent de dezvoltarea înălțimii lor. Imaginile care sunt mai înguste de 220 pixeli în original nu sunt mărite, ci sunt afișate în dimensiunea reală.
Dacă nu sunt specificați alți parametri, miniatura va apărea aliniată la dreapta, cu subtitrarea de mai jos (dacă este furnizată) și cu un simbol zoom (mărire) care indică faptul că puteți vedea imaginea la dimensiunea sa reală.
Există, de asemenea, opțiunea frameless (sau no_framed ), o alternativă la thumb, care are toate caracteristicile de redimensionare automată a miniaturilor, dar nu are cadru. Ca imagine neîncadrată, este aliniată ca și cuvintele, iar legenda devine text alternativ.
Dimensiuni relative
Uneori poate fi necesar să redimensionați manual imaginea, deoarece are o anumită orientare sau conținut. În general, este de preferat să faceți acest lucru într-un mod proporțional cu dimensiunea standard a fiecărui utilizator. Opțiunile pentru imagini cu miniatură pot fi redimensionate în raport cu lățimea implicită , cu parametrul vertical (sau vertical ).
Parametrul a fost creat inițial pentru imagini cu orientare verticală și, dacă este utilizat fără alte specificații, aplică o lățime puțin mai îngustă decât cea a miniaturilor normale, aproximativ 75% (170 pixeli în cazul setării implicite de 220 pixeli).
Exemplu (ordinea în care sunt introduși parametrii nu este importantă), cu rezultatul alături:
[[File:Salmonlarvakils.jpg|miniatura |verticale| Immagine con ''verticale'']]
Parametrului i se poate atribui și o valoare numerică ( verticală = N ), pentru a aplica orice scalare. Valoarea care trebuie introdusă este raportul dintre lățimea dorită și lățimea implicită a miniaturilor, folosind punctul ca separator zecimal. De exemplu, vertical = 2 creează o imagine cu lățime dublă, în timp ce vertical = 0,5 creează o imagine la jumătate de lățime. Evident, nu are sens să inserați vertical = 1 (este ca și cum nu l-ați pune), în timp ce vertical = 0,75 este echivalent cu vertical fără număr.
Exemplu:
[[File:Lago bolsena tramonto.jpg|miniatura |verticale=0.5| Immagine con ''verticale=0.5'']]
Rețineți că „verticală”, indiferent de valoare, nu va granula niciodată imaginea, făcând-o să pară mai mare decât dimensiunea sa reală. La fel ca în cazul „miniaturii”, imaginile care sunt mai înguste decât este necesar în original sunt afișate în dimensiunea reală.
Dimensionare absolută
Puteți seta absolut dimensiunea pixelilor imaginii, deși aceasta este o practică de evitat, deoarece învinge setările utilizatorului și poate deteriora accesibilitatea . Dacă este necesar, pentru a forța o anumită lățime trebuie să indicați numărul de pixeli urmat, fără spații, de caracterele minuscule px , de exemplu 250px; înălțimea va fi calculată automat.
Exemplu:
[[File:Lago bolsena tramonto.jpg |100px| thumb|Il Lago di Bolsena in secca]]
Dacă lățimea în pixeli este furnizată împreună cu parametrul degetului mare , la fel ca pentru toate miniaturile va reprezenta o lățime maximă, în timp ce dacă nu este o miniatură este posibil să forțăm chiar și o lățime mai mare decât originalul, „întinzând” imaginea.
Dimensiunea înălțimii
De asemenea, este posibil să definiți înălțimea imaginii folosind formatul „ AAA x BBB px”, care vă permite să afișați imaginea cu o dimensiune maximă de AAA pixeli lățime sau BBB înaltă, menținând întotdeauna raportul de aspect. În acest caz, imaginea nu este distorsionată, dar miniatura, odată ce atinge maximul în una dintre cele două măsuri, va redimensiona proporțional cealaltă.
De exemplu, folosind sintaxa
[[File:Time 100 George Lucas.jpg| 4000x100px |destra]]
obțineți imaginea din dreapta, cu o înălțime de 100 px.
De asemenea, este posibil să forțați doar înălțimea, introducând de exemplu x100px .
Marime adevarata
Opțiunea cadru vă permite să inserați o imagine în dimensiunea originală și încadrată. Cadrul este compatibil cu subtitrările și alinierea. Orice fel de redimensionare manuală va fi ignorat.
[[File:Lago bolsena tramonto.jpg |frame| destra|Tramonto sul lago di Bolsena]]
Imagini grozave
Utilizarea imaginilor mari, prin opțiunea cadru sau setarea unor valori verticale sau px foarte mari, ar trebui să fie limitată la cazurile de nevoie reală (diagrame detaliate, panorame orizontale ...). Reținem că imaginile nu trebuie să împiedice citirea vocii; pentru cei care doresc să vadă o imagine în detaliu, trebuie doar să faceți clic pe ea. În special, este bine să evitați imaginile de acest tip în secțiunea inițială .
În cazul imaginilor foarte mari, poate fi preferabil să se utilizeze alinierea centrală , pentru a evita că există text pe partea laterală a imaginii, care la rezoluții mici ar fi strivit într-o coloană prea îngustă.
De asemenea, este posibil să inserați imagini care pot derula orizontal, fără a părăsi ecranul, folosind șablonul {{ Big Image }}. Poate fi folosit, de exemplu, cu panorame la 360 de grade. De exemplu, comanda {{imagine mare | Skyline-New-York-City.jpg | 2000px}} produce imaginea
Decuparea unei imagini
Pentru a vizualiza doar detaliile unei imagini într-o intrare, este recomandabil să modificați imaginea pentru a crea o imagine derivată, încărcând imaginea obținută cu un nume nou și cu aceeași licență ca imaginea originală. În cazurile în care acest lucru nu este posibil, poate fi utilizat șablonul {{ Decupare imagine cu CSS }}.
Galerii de imagini
Este posibil, în unele cazuri obligatorii , să dispuneți mai multe imagini sub forma unei galerii, care să fie organizate în cadrul unei secțiuni intitulată „Galerie de imagini”. [1] Sintaxa de utilizat este următoarea:
<galerie> Fișier: Filename.extension | Legenda
Fișier: Filename.extension | Subtitrare
...
</gallery>
Iar rezultatul afișat arată astfel:
Lacul Bolsena - apus
Lacul Bolsena - alb-negru
Eticheta galeriei acceptă patru parametri (consultați Manualul MediaWiki ):
-
caption={caption}
: setați titlul galeriei. -
widths={width}px
: setează lățimea imaginilor. -
heights={heights}px
: setați înălțimea maximă a imaginilor. -
perrow={integer}
: setați numărul de imagini pentru fiecare rând.
De exemplu, <gallery perrow="5" >
setează cinci imagini pe linie. Se recomandă utilizarea sintaxei standard; parametrii suplimentari pot fi utilizați numai în cazuri speciale și bine motivate.
Exemplu:
<lățimi ale galeriei = 60px înălțimi = 60px perrow = 5 legenda = "land emisfera estică"> Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg Fișier: Earth Eastern Hemisphere.jpg </gallery>
Primesti:
- Ținutul emisferei estice
Parametri suplimentari
Începând cu versiunea 1.22 a MediaWiki , există noi parametri care pot fi exploatați pentru a construi galerii mai utile. Parametrul de mode
, de exemplu, vă permite să aranjați imagini cu înălțime constantă și subtitrare care dispare.
Câteva exemple. Din următorul cod (legat de mode="traditional"
, care este, de asemenea, implicit)
<gallery mode = "traditional"> Fișier: Astronotus_ocellatus.jpg | '' [[commons: Astronotus ocellatus | Astronotus ocellatus]] '' (Oscar) Fișier: Salmonlarvakils.jpg | '' [[commons: Salmo salar | Salmo salar]] '' (Larva de somon) Fișier: Georgia Aquarium - Giant Grouper.jpg | '' [[commons: Epinephelus lanceolatus | Epinephelus lanceolatus]] '' (Giant Grouper) </gallery>
primesti:
Astronotus ocellatus (Oscar)
Salmo salar (Larva de somon)
Epinephelus lanceolatus (grupă gigantă)
Alte exemple:
mode="nolines"
Astronotus ocellatus (Oscar)
Salmo salar (Larva de somon)
Epinephelus lanceolatus (grupă gigantă)
mode="packed"
Astronotus ocellatus (Oscar)
Salmo salar (Larva de somon)
Epinephelus lanceolatus (grupă gigantă)
mode="packed-overlay"
mode="packed-hover"
Astronotus ocellatus (Oscar)
Salmo salar (Larva de somon)
Epinephelus lanceolatus (grupă gigantă)
Limitări
În tuneluri nu este posibil să se utilizeze trucuri de țevi .
Imagini multiple
Pentru grupuri mici de imagini legate de un anumit aspect al articolului, puteți utiliza șablonul {{ imagine multiplă }}.
Link către pagina de descriere
Pentru a crea un link wiki către pagina de descriere a imaginii, adăugați „două puncte” (:) la începutul conexiunii; în acest fel software-ul îl interpretează ca o legătură internă. Numele fișierului poate fi urmat de o bară verticală, | și, eventual, dintr-un text. Dacă este prezentă doar bara verticală, prefixul „Fișier:” este eliminat și se afișează doar numele fișierului; dacă este prezent, textul care urmează barei verticale este afișat în locul numelui imaginii.
-
[[:File:Esempio.png]]
generează File: Example.png -
[[:File:Esempio.png|]]
generează Example.png -
[[:File:Esempio.png|Prova]]
generează Test
Link direct la imagine
Pentru a crea o legătură directă la imagine în format descărcabil, ignorând pagina de descriere, utilizați prefixul Media: în loc de File: sau Image :; de asemenea, în acest caz, software-ul îl interpretează ca o legătură internă, cu sau fără colonul inițial. Numele fișierului poate fi urmat de o bară verticală, | și, eventual, dintr-un text. Dacă este prezentă doar bara verticală, prefixul „Media:” este eliminat și este afișat doar numele fișierului; dacă este prezent, textul care urmează barei verticale este afișat în locul numelui imaginii.
-
[[Media:Esempio.png]]
genereazăMedia: Example.png -
[[Media:Esempio.png|]]
genereazăExample.png -
[[Media:Esempio.png|Prova]]
genereazăTest
Prefixul Media are, de asemenea, un comportament diferit cu funcția ifexist .
Legătură
Dacă faceți clic pe o imagine, veți ajunge, de obicei, la pagina care conține descrierea acesteia. Cu toate acestea, utilizând parametrul de link
puteți face clic să se refere la o altă pagină. De exemplu, codul
-
[[File:Flag of Italy.svg|20px|link=Italia|Italia]]
generează imaginea care se referă la articolul Italia .
Dacă pagina pe care doriți să o arate imaginea este un site extern, trebuie să specificați adresa URL completă a paginii. De exemplu,
-
[[File:Flag of the President of Italy.svg|20px|link=http://www.quirinale.it/|Sito ufficiale della Presidenza della Repubblica Italiana]]
generează imaginea care se referă la site-ul oficial al Președinției Republicii Italiene.
Dacă, pe de altă parte, doriți să faceți imaginea "inertă", adică asigurați-vă că clicul pe acesta nu are efect, adăugați doar parametrul link=
fără nicio valoare, adică goală. Deci, de exemplu:
-
[[File:Gnome-globe.svg|20px|link=]]
produce pe care, așa cum este ușor de văzut, clicul nu are niciun efect.
Este important să subliniem că utilizarea acestui parametru este prevăzută numai în cazuri foarte specifice; în special, este interzisă utilizarea acestuia atunci când legătura cu imaginea este obligatorie pentru valabilitatea licenței relative (de exemplu, toate licențele Creative Commons ) și, în orice caz, trebuie evitată în imaginile comune prezente în pagina principală spațiu de nume .