Help:Images/nb

Denne siden forklarer syntaksen for å plassere bilder under redigering av en side. Du selv eller en annen bruker må vanligvis ha lastet opp et bilde før det kan brukes på en side.

Som regel vil et lenkemål til et bilde lagret på en MediaWiki-tjener bruke prefikset for navnerommet. Likevel støttes fortsatt det utdaterte prefikset. Prefikset til navnerommet  kan også brukes for å referere til den originale mediefilens innhold slik at den kan lastes ned fra eller gjengis på en MediaWiki-side.

Forutsetninger
Før det er mulig å bruke bilder på en wiki, må en systemadministrator ha aktivert filopplastinger og en bruker må ha lastet opp filen. Systemadministratorer kan også konfigurere wiki’en slik at den aksepterer filer fra eksterne filplasseringer slik som Wikimedia Commons. For å skalere bilder på tjeneren må det konfigureres verktøy som kan gjøre jobben. (F.eks. GD2, ImageMagic e.l.)



Støttede typer av bilder
Standardinnstillingen er at disse filformatene støttes:


 * eller  - bitmap-bilde komprimert med standard JPEG-format. Formatets kvalitetstap gjør det passende til større fotografier.
 * - bitmap-bilde i formatet Portable Network Graphics som er spesifisert av W3 Consortium.
 * - bitmap-bilde i Graphics Interchange Format.
 * - WebP supports both lossy and lossless compression while reducing image size by up to 45%.

Andre formater som brukes på WikiMedia, selv om de ikke nødvendigvis er aktivert som standard på andre wiki’er:


 * - bilder i formatet Scalable Vector Graphics som er spesifisert av W3 Consortium og kan skaleres. Les mer i Manual:Administrering av bilder#SVG.
 * - Tagged Image Format. Brukes gjerne for å oppbevare høyoppløste fotografier. Brukes ofte sammen med.
 * ,,   - Ogg multimedia. (Lyd eller video) Behandles ikke ulikt bildeformater. Brukes ofte sammen med
 * - Dokumenter over flere sider i Portable Document Format som opprinnelig ble spesifisert av Adobe. Ofte kombinert med
 * - bitmap-dokumenter over flere sider i formatet DejaVu, som oftest fotokopierte bøker. Se
 * Det vises bare en side av  eller  -filer om gangen.

Andre typer media kan også støttes, men det er ikke sikkert de kan vises i løpende tekst.



Syntaks
Fullstendig syntaks for å vise bilder:

alternativene kan være alt fra ingen til flere av det følgende, atskilt av rør ( | ):


 * Alternativ for formatering: border og/eller frameless, frame eller framed, thumb eller thumbnail. Note: border can be used in combination with frameless but will be ignored if used with one of the other options.
 * Styrer hvordan bildet formateres og bygges inn i innholdet på siden.
 * Alternativ for skalering: en av
 * {bredde}px – skalerer bildet innenfor oppgitt maksimal bredde i piksler, uten å begrense høyden. (Piksler må oppgis i heltall. Det tillates et mellomrom mellom verdien for bredde og «px».)
 * x{høyde}px — skalerer bildet innenfor oppgitt maksimal høyde i piksler, uten å begrense bredden. Piksler må oppgis i heltall. Det tillates et mellomrom mellom verdien for høyde og «px».
 * {bredde}x{høyde}px — skalerer bildet innenfor oppgitte verdier for bredde og høyde i piksler. Piksler må oppgis i heltall. Det tillates et mellomrom mellom verdien for bredde og «px».
 * upright — skalerer bildet tilnærmet lik innstillingene valgt av den enkelte bruker. (Passer best for bilder som er høyere enn de er brede) Innstillingen  vil gjengi bredden på bildet etter brukeres forhåndsvalg.   gjengir dobbelt bredde på bildet i forhold til brukeres forhåndsvalg.
 * Bildet vil alltid bevare størrelsesforholdet mellom bredde og høyde.
 * Når bildetypen ikke er skalerbar kan den likevel reduseres i størrelse, men ikke økes. D.v.s. at bitmap-bilder ikke kan skaleres opp.
 * Innstillingen  krever ikke likhetstegn, d.v.s. at   gir samme resultat som.
 * Når en verdi eller likhetstegn mangler, d.v.s,, vil standardinnstillingen være  , til tross for at   er det samme som.
 * I utgangspunktet vil maksimal standard bildestørrelse avhenge av formatet og mediatypens standardverdi.
 * Alternativ for horisontal justering: enten left, right, center eller none. Det er bare det første av disse alternativene som vil virke hvis det oppgis flere
 * Kontrollerer horisontal justering av et bilde i omkringliggende tekst, styrer om bildet skal være i løpende tekst, i et blokk-element eller i et flytende element. Det er ingen standardverdi.
 * Alternativ for vertikal justering: enten baseline, sub, super, top, text-top, middle, bottom eller text-bottom
 * Kontrollerer den vertikale justeringen av et bilde i løpende tekst som ikke er et flytende element når teksten befinner seg innenfor samme blokk-element. Standardverdien er middle.
 * Alternativ for lenke: enten
 * link={lenkemål} – gjør det mulig å bytte lenkemålet på en generert lenke til tittelen på en ønsket side eller en URL. Da vil  gjengis med Example.jpg, en ekstern lenke, eller   vil gjengis som Example.jpg, en intern lenke.
 * link=, uten en verdi – (MediaWiki 1.14+) Viser bildet uten klikkbar lenke.  gjengis som Example.jpg.
 * Et mellomrom mellom  og likhetstegnet fører til at utsagnet om lenkemålet vil behandles som en bildetekst istedet.
 * Bruk av HTML-kodene for bestemte tegn, slik som  for , kan også føre til at utsagnet om lenkemålet behandles som en bildetekst. Se T306216.


 * ! Angår MW 1.24 og tidligere: Hvis utsagnet er tomt, altså, da vil ikke   gjengis. Mer om det i T23454.
 * Andre konkrete alternativ:
 * alt={alternativ tekst} — MediaWiki 1.14+ angir alternativ tekst som gjengis om bildet det refereres til er utilgjengelig eller tilgjengelighetsverktøy som en skjermleser eller lignende behøver den. Det tilsvarer HTML egenskapen  tilhørende -elementet.
 * Et mellomrom mellom  og likhetstegnet fører til at den alternative teksten behandles som en bildetekst istedet.
 * page={nummer} — gjengir det angitte sidetallet. Dette anvendes kun ved visning av en djvu- eller pdf-fil.
 * class={html-klasse} — MediaWiki 1.20+ definerer klasser som svarer til HTML-egenskapen  i det genererte -elementet.
 * lang={språkkode} — MediaWiki 1.22+ Brukes med SVG-filer for å veksle mellom språket filen skal vises i. Krever et &lt;switch&gt;-utsagn med variabelen systemLanguage. Standardverdien er sidens språk som igjen svarer til prosjektets språk i de fleste tilfeller.

Om teksten i parametrene ikke svarer til en av de mulige alternativene over, vil det bli behandlet som en bildetekst. Hvis flere en ett alternativ oppgis uten å svare til parametrene over, vil det siste av dem brukes som bildetekst. Bildetekst vises under bildet når formatene thumb eller frame benyttes. Ellers vises den i en infoboble når musepekeren hviler over bildet. Bildetekst i formatene thumb og frame kan inneholde lenker og annen formatering. MediaWiki-tillegg kan føye til flere alternativer.

Hvis 'alt' ikke oppgis, men det finnes en bildetekst, vil alternativ tekst opprettes automatisk fra bildeteksten, bare uten annen formatering. Dette gjøres ikke i formatene thumb eller frame siden tilgjengelighetsfunksjoner da kan benytte bildeteksten i stedet.

Format
Følgende tabell viser resultatet av tilgjengelige format-alternativer.

Noen ganger kan et bilde i formatet thumbnail være stående, altså høyere enn det er bredt, slik at du ønsker å redusere størrelsen. Da kan du bruke alternativet, hvor N er bildets størrelsesforhold, (bredden delt på høyden, i utgangspunktet 0.75) Alternativet er å fastsette ønsket høyde i piksler.

Bilder i formatene thumb og frame aksepterer bildesyntaks i feltet for bildeteksten, slik at et bilde kan bruke et annet bilde som tommelnegl.



Størrelse og innramming
Reultatet av parameteret for størrelse kan variere mellom de forskjellige formatene, slik det vises nedenfor.


 * For å se resultatet av formatene uten oppgitt størrelse kan ses i seksjonen Format.
 * I tilfeller hvor format ikke er oppgitt eller border angis, kan størrelsen både reduseres og økes til størrelsen du velger.
 * Eksemplene som følger viser et bilde som har dimensjonene 400 x 267 piksler i utgangspunktet.
 * Et bilde som har formatet frame vil ignorere parameteret for størrelse, og heller redusere størrelsen på bildet kun i tilfeller hvor dimensjonene overskrider brukeres egne innstillinger.
 * Bilder i formatene thumb og frameless kan ikke økes utover bildets originale dimensjoner, selv om det er mulig å redusere størrelsen.



Horisontal justering
Når frame eller thumb formatene angis vil bildene som standard bli behandlet som om de var påført right på alle språk som skrives fra venstre til høyre, og omvendt, altså left, på språk som skrives fra høyre til venstre.



Vertikal justering
Alternativene for horisontal justering har bare innvirkning på bilder som gjengis i løpende tekst, (eng. inline) ikke på flytende elementer. De endrer den vertikale justeringen på bildet i forhold til teksten foran og/eller etter bildet på linjen bildet gjengis i.

For å gi plass til bildet som er plassert på linjen vil linjeavstanden økes i den grad som er nødvendig for å vise bildet i sin helhet



For å illustrere resultatet er det aktuelle tekstutsnittet gitt under- og overstreket, skriftstørrelsen økt til 200% og avsnittet gitt en tynn ramme. Se hvordan bilder i forskjellige størrelser justeres vertikalt:

 text top: text

 text text-top: text

 text super: text

 text baseline: text

 text sub: text

 text default: text

 text middle: text

 text text-bottom: text

 text bottom: text

Merknader:


 * 1) når middle («midt mellom») er angitt, slik det er som standard, sikter det til bildets midtakse justert til den horisontale aksen mellom tekstens faktiske høyde og text-bottom. Det sikter ikke til midtlinjen mellom text-top og text-bottom. Det svarer til linjen som benyttes når tekst gjennomstrekes. Tekstens faktiske høyde omfatter ikke:
 * 2) * ekstra linjeavstand som normalt utgjør en likt fordelt margin over og under tekstens faktiske størrelse. (0.5em i eksemplene)
 * 3) * Eventuell ekstra linjeavstand tilføyd ved bruk av hevet eller senket tekst.
 * 4) Hvis bildets størrelse overskrider den totale linjeavstanden vil den økes og en ny midtlinje regnes ut fra den nye plasseringen teksten får. Alle andre bilder, også mindre bilder vil plasseres på den nye midtlinjen. Tilpasningene på hver enkelt linje skjer uavhengig av andre linjer.
 * 5) Posisjonene "text-top" og "text-bottom" omfatter heller ikke den økte linjeavstanden som legges til ved bruk av hevet og senket tekst, men omfatter økt linjeavstand som defineres ved line-height.
 * 6) Posisjonene "top" og "bottom" beregner linjehøyden ut fra alle disse faktorene som er nevnt, inkludert ekstra linjeavstand som følge av hevet eller senket tekst. Hvis bildestørrelsen, sammen med alternativet for justering presser bildet over eller under normal linjeavstand, vil den økes tilsvarende så lenge bildets plassering ikke er absolutt.
 * 7) Understreking, overstreking og overstryking vil være et eller annet sted mellom disse posisjonene. De kan være avhengig av font, font-størrelse, og i noen nettlesere hevet og senket tekst, men vanligvis vil disse ikke tas med i beregningene slik at de påvirker bildenes vertikale justering i forhold til teksten.



Stoppe tekstflyten
I noen tilfeller er det ønskelig å hindre tekst, eller bilder i løpende tekst, å omslutte et flytende bildeelement. En bruker kan for eksempel ønske at en seksjonsoverskrift begynner under et bilde, men på siden tekstflyten påvirkes av nettleserens skjermoppløsning og lignende kan den ende opp til høyre for bildet. I et slikt tilfelle kan tekstflyten hindres ved å plassere   eller   foran teksten som skal starte under bildet. Det er også mulig å oppnå samme resultat ved å omgi seksjonen med flytende bilder med, slik at alt innenfor  -elementet blir går klar av teksten.

Alle bilder gjengitt som blokk-elementer (flytende eller ikke) vil underforstått opprette et nytt blokk-element på siden slik at tekst-blokken (avsnittet) før bildet brytes, og teksten etter bildet flyttes til et eget avsnitt. Det kan ses tydelig ved at det oppstår avsnitt midt i normal tekstflyt. Deretter vil de stables vertikalt langs den vertikale aksen til venstre left, høyre right eller sentrert center, avhengig av hvilke alternativer som er gitt.



Endre standard lenkemål
Standard lenkemål er filens beskrivelsesside på commons. Følgende tabell viser hvordan lenkemålet kan endres eller fjernes. Å endre lenken forandrer ingen av tilpasningene beskrevet i de tidligere seksjonene på denne siden.

Advarsel:
 * Det kan være brudd på lisensbestemmelser å fjerne alle lenker fra et bilde på en wiki. Et vanlig lisenskrav er at det oppgis eierskap, type lisens eller komplette beskrivelser av bildet med eventuell filhistorikk. Dette gjøres som standard ved å lenke til bildets beskrivelsesside.
 * Hvis du endrer eller fjerner et lenkemål i et slikt tilfelle bør du derfor forsikre deg om at slike lisenskrav oppfylles ved at den aktuelle siden bildet publiseres på inneholder all nødvendige informasjonen eller tydelige lenker til den.
 * En wikis retningslinjer kan begrense bruken av parameteret for alternative lenker, eller til og med forby bruken av det. I slike tilfeller kan det være at det ignoreres, eller krever at noen med tilgang til nødvendige brukerrettigheter godkjenner det først.

<span id="Rendering_a_gallery_of_images">

Vise et bildegalleri
<span id="Gallery_syntax">

Syntaks for gallerier
Det er enkelt å opprette et galleri av tommelnegl-bilder ved bruk av taggen. Syntaks:

Bildene omsluttes ikke med hakeparanteser når de plasseres innenfor gallery-taggen.

Bildetekst er valgfritt, og kan inneholde lenker og annen formatering.

Noen parametre som regulerer selve visningen av de enkelte tommelnegl-bildene kan benyttes i galleriet i motsetning til parametre som regulerer plasseringen av bildene. For eksempel kan man bruke  sammen med dokumenter med flere sider, slik som pdf’er.

Prefikset  kan utelates. På den annen side er det nyttig å ta det med for å gjøre det lettere å raskt kunne finne filene i wikitekst-modus, for eksempel under rydding av en sides utforming.

For eksempel:

formateres som:

<span id="mode_parameter">

Parameteret «mode»
Fra og med MW versjon 1.22 er parameteret $mode tilgjengelig. Det aksepterer følgende alternativer:

Radene i denne tilpasningsvennlige modusen tilpasser seg skjermbredden. $overlay, fører til at bildeteksten legges over bildet i en delvis gjennomsiktig, hvit ramme. $hover, ligner på $overlay, men viser kun rammen med bildetekst når musepekeren hviler over bildet.
 * $traditional, tradisjonelt bildegalleri i MediaWiki.
 * $nolines, ligner $traditional, men uten bilderammer.
 * $packed, gir bildene samme høyde med forskjellig bredde, og reduserer mellomrommet mellom bildene.
 * $slideshow, fører til en bildefremvisning man kan bla seg gjennom.

For eksempel:

gjengir her:

<span id="Optional_gallery_attributes">

Valgfrie alternativer for galleriet
Galleriet kan gis flere andre egenskaper ved å oppgi navn og verdi i par innenfor selve gallery-taggen.


 * : sørger for en bildetittel over galleriet. Det er kun ren tekst som kan benyttes, og en tekst med mellomrom må skrives i doble apostrofer. (typewriter-apostrophe)
 * : begrenser bildenes maksimale bredde, slik at man kan avvike standardverdien på 120px. (It has no effect if mode is set to one of the following: packed, packed-overlay, packed-hover, slideshow.) Merk deg flertallsformen widths.
 * : begrenser bildenes maksimale høyde slik at man kan avvike standardverdien på 120px. (It has no effect if mode is set to slideshow.)
 * : bestemmer antall bilder per rad. (It has no effect if mode is set to one of the following: packed, packed-overlay, packed-hover, slideshow.) 0 betyr at det automatisk beregnes ut fra skjermbredden.
 * : fra og med MW versjon 1.17 fører dette parameteret til at filnavnene på de enkelte bildene vises sammen med bildeteksten.
 * : se beskrivelsen ovenfor. (slideshow gjelder fra MW versjon 1.22+ og er justert i 1.28+).
 * : brukes bare med slideshow og fører til at en stripe med tommelnegl-bilder vises under bildefremvisningen som standard (MW versjon 1.29+)


 * Første eksempel

Syntaks:

Resultat:

<span id="Row_of_images_that_will_wrap_to_browser_width">

Tilpasse bilderekke til nettleserens bredde
For å kunne plassere en rekke med bilder som har varierende bredde kan man unngå å bruke alternativene thumb, left eller none. Hvis thumb ikke benyttes, vil en bilderekke tilpasses til nettleserens bredde. Du kan selv prøve for å se hvordan bildenes plassering blir justert når nettleservinduet gjøres smalere.





For å pakke inn bilder av varierende bredde med bildetekster er det nødvendig å bruke div HTML for en uordnet liste. Sammen med. For mer inforamsjon og ideé kan du se nærmere på Give Floats the Flick in CSS Layouts.

<ul> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> </ul>

For å justere øvre kant av bildene kan du legge til

<ul> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> <li style="display: inline-block; vertical-align: top;"> </li> </ul>

Noen wikier har ikke alle disse alternativene tilgjengelig for bruk i gallerier. Det kan noen ganger være ønskelig å varierer bredden på bildene i en rad. Utenfor et galleri, eller et div-element, er det umulig å ha bildetekst på bilder i en rad som tilpasses nettleservinduets bredde. Det er bare ved å bruke wikitekst man kan få det til å fungere slik man ønsker. Enten vil bildene overlappe ting til høyre, eller få et horisontalt rullefelt.

Flytende til venstre, det vil si alternativet left, på noen bilder kombinert med none på andre bilder vil heller ikke virke på en og samme måte. Spesielt ikke om siden har en rekke av bilder på høyre side. Det vil oppstå udefinerte situasjoner. Bå smalere skjerm- eller vindusbredder kan et bilde komme til å ende opp langt ned på siden, under bildene på høyre side.

<span id="Link_behavior">

Lenkens funksjon
I utgangspunktet vil et bilde lenke til bildefilens beskrivelsesside. Parameteret "link=" kan endre eller fjerne lenkemålet.

Et mulig alternativ er å opprette en alminnelig lenke til filens beskrivelsesside eller til selve filen. Se.

<span id="Display_image,_link_it_to_another_page_or_website">

Vise et bilde og lenke til en annen intern eller ekstern nettside
Bruk av parameteret link=:

Ved å klikke på bildet under vil du navigere til MediaWiki:





Ved å klikke på det neste bildet vil du ende opp på example.com:





<span id="Display_image,_turn_off_link">

Vise bilde uten lenke
Ved å bruke parameteret link= uten en verdi vil lenken ganske enkelt fjernes. Neste bilde er uten lenke.





<span id="Link_to_an_image">

Lenke til et bilde
Bruk  som et prefiks til lenken du vil opprette.

File:MediaWiki-2020-logo.svg File:MediaWiki-2020-logo.svg Wiki Wiki

<span id="Directly_linking_to_an_image">

Lenke direkte til et bilde
Eksemplene over lenker til et bildes beskrivelsesside. For å lenke direkte til selve bildet kan pseudo-navnerommet  brukes på MediaWiki-sider:

[[Media:MediaWiki-2020-logo.svg]]

<span id="Direct_links_from_external_sites">

Lenke direkte fra en ekstern side
En annen mulighet er å bruke siden Special:Redirect/file, eller den tilsvarende Special:Filepath. Det er også mulig å lenke til bildet fra eksterne nettsteder, i tillegg til MediaWiki-sider.

Parametrene  og   kan benyttes for å gi en versjon av bildet med en bestemt oppløsning. Bildets størrelsesforhold vil bli bevart.

<span id="Obtaining_the_full_URL_of_an_image">

Få tilgang til en bilde-URL
For å skaffe filbanen til bildet uten å gå via omdirigeringer, kan noe brukes.

Blir til:



Om det skal brukes fra en mal hvor prefikset  må fjernes, kan man skrive:

Blir til:



<span id="Files_at_other_websites">

Filer på andre nettsteder
Det kan lenkes til eksterne filer på nettet med den samme syntaksen som brukes for å lenke til en ekstern nettside. Det vil ikke vise filen på siden, men opprette en ekstern lenke til den.



Eller med en alternativ tekst:

lenkens tekst her

MediaWiki markeringsspråk eller HTML/CSS for elementer i løpende tekst tillates i denne teksten. Unntaket er innbygde lenker som ville bryte lenken de bygges inn i:

Eksempel  rik   lenke tekst  her.

vil vises som: Eksempel  rik   lenke tekst  her.

Hvis din wiki tillater det kan det til og med bygges inn eksterne bilder på siden. (se ) For å gjøre det må bildets URL settes inn: http://url.for/some/image.png Innbygde bilder kan skaleres ved hjelp av CSS-egenskapen. De kan også formateres ved hjelp av MediaWiki markeringsspråk eller HTML/CSS-kode.

Hvis konfigurasjonen av ikke er gjort, vil ikke bildet vises, men bare lenken til bildet.

<span id="See_also">

Se også

 * Wikipedia:Extended image syntax
 * Category:Wikipedia image help
 * Wikipedia:Picture tutorial
 * w:Help:Gallery tag
 * T113101 - Problemer med tilpasning
 * Extension:PageImages#Can I exclude certain page images?
 * Extension:PageImages#Can I exclude certain page images?