WikiWoordenboek:Afbeeldingen

Inleiding

Let op: ben je niet zeker of afbeelding vrij is van auteursrechten (copyright) neem dan eerst een kijkje bij WikiWoordenboek:Beleid voor gebruik van media! Afbeeldingen waar copyright op zit mogen niet gebruikt worden en zullen verwijderd worden!

Deze handleiding legt uit hoe je de Wiki-codes gebruikt om afbeeldingen in pagina's te plaatsen en te bewerken.

WikiWoordenboek is altijd in ontwikkeling, ook op het gebied van de software. Als vroeger een afbeelding links of rechts in de tekst geplaatst diende te worden, moest er gebruik gemaakt worden van HTML. Nu kan dit gebeuren door middel van eenvoudige Wiki-codes die hieronder besproken worden.

Inladen van afbeeldingen

Het is in principe mogelijk op bestanden hier op te hijsen met de Upload bestand knop die je hier links ziet. Dat is echter alleen toegestaan als daar geen auteursrechten mee geschonden worden. Ook is het verkieslijk bestanden niet hier maar op commons op te hijsen. Ze kunnen dan namelijk veel gemakkelijker door alle andere wikimedia projecten mede benut worden en er is beter toezicht op het naleven van de eisen die om juridische redenen aan bestanden gesteld moeten worden. Het is ook verstandig eerst na te gaan of er in de inmiddels grote verzameling bestanden al niet iets vergelijkbaars aanwezig is.

Een afbeelding plaatsen: eenvoudig

Een afbeelding invoegen is heel eenvoudig:

[[Afbeelding:Steenhommel mannetje.jpg]]

Dit geeft:

Hou er rekening mee om geen dubbele Afbeelding:Afbeelding: te schrijven en let op hoofd- en kleine letters. De ".jpg" mag niet weggelaten worden.

Enkel een link naar een afbeelding plaatsen

Soms komt het voor dat je enkel een link naar een afbeelding - of een geluidsfragment of film - nodig hebt, zonder dat de afbeelding in de tekst zelf geplakt wordt. Dit werkt zo:

[[Media:Steenhommel mannetje.jpg]]

(dus Media en niet Afbeelding), en dit geeft zoiets: Media:Steenhommel mannetje.jpg.

Net zoals bij elke doodnormale Wiki-link werkt dit:

[[Media:Steenhommel mannetje.jpg|Klik hier voor een mooie afbeelding van de steenhommel]]

Dit geeft dan: Klik hier voor een mooie afbeelding van de steenhommel

Direct naar de beschrijvingpagina linken

Als je op een overlegpagina een foto ofzo wilt bespreken kan het nodig zijn om naar de beschrijvingspagina van een afbeelding te linken. Dat gaat heel eenvoudig;

[[:Afbeelding:Steenhommel mannetje.jpg]]

(let op de dubbelepunt na de [[), en dit geeft zoiets: Afbeelding:Steenhommel mannetje.jpg.

Deze truk maar dan met Media werkt niet.

Een afbeelding herschalen

Vaak zijn afbeeldingen te groot voor in het artikel. Dit is geen probleem, het is ook niet de bedoeling dat je zelf die afbeelding gaat verkleinen: de WikiWoordenboek-software kan dat voor jou doen. Bovendien kunnen geïnteresseerden de foto dan nog steeds in volledige grootte bekijken als ze dat willen (door er op te klikken). Zoiets heet een thumbnail.

Stel: we willen de afbeelding verkleinen tot 100 pixels: dan doen we:

[[Afbeelding:Steenhommel mannetje.jpg|100px]].

Dat geeft dan:

Opmerking: het herschalen van afbeeldingen gebeurt op de server van WikiWoordenboek zelf. Dit betekent dat bij een grote afbeelding de gebruiker de grote afbeelding zelf niet binnenhaalt, maar de verkleinde versie. Hierdoor hoeft de gebruiker minder lang te wachten op het laden van de afbeelding.

Opmerking 2: het is niet wenselijk een afbeelding te vergroten: dit komt de beeldkwaliteit niet ten goede.

Update: sinds versie 1.3.0 van MediaWiki is het ook mogelijk om niet alleen een maximum horizontale lengte op te geven, maar ook een maximum vertikale lengte. De server zal dan automatisch de afbeelding herschalen zodat hij beide grenzen niet overschrijdt. Een voorbeeld: maximum horizontaal 50 pixels en vertikaal 70 pixels:

[[Afbeelding:Steenhommel mannetje.jpg|50x70px]]

Tekst bij een afbeelding zetten

Als je je muis even laat hangen boven de vorige afbeelding zie je "100px" staan. Dat staat niet bepaald professioneel. In browsers die geen afbeeldingen ondersteunen is dit ook de tekst die weergegeven wordt. Deze tekst kunnen we gelukkig veranderen:

[[Afbeelding:Steenhommel mannetje.jpg|100px|Steenhommel (mannetje)]]

Dit geeft:

Dit kan je ook doen als je geen schaling gebruikt.

Tekst onder een afbeelding zetten

Bij thumbnailing

Thumbnail steenhommel

Het is natuurlijk niet de bedoeling dat de gebruiker overal zijn muis boven moet houden, het is vaak veel beter als onder de afbeelding staat waarover de afbeelding gaat, en de fotograaf vermelden is ook altijd vriendelijk.

[[Afbeelding:Steenhommel mannetje.jpg|thumb|Thumbnail steenhommel]]

Het resultaat hiervan is rechts te bewonderen (de WikiWoordenboek-software zet dat dan ook automatisch rechts) en schaalt naar een hopelijk zinvolle grootte. Het is niet zo'n slecht idee om de afbeeldingsgrootte aan de wiki-software over te laten (door gewoon "thumb" te zeggen ipv een bepaalde grootte op te geven), dit komt de uniformiteit van de pagina's ten goede.

Ook is er direct een vergrootglasje of een klein en een groot kadertje als symbool zichtbaar (afhankelijk van je instellingen enz) dat aangeeft dat je de afbeelding op volledige grootte kan zien als je er op klikt. In feite kan je altijd op een afbeelding klikken om op de pagina van de afbeelding te komen.

Opmerking: de beschrijving van de afbeelding moet altijd als laatste parameter voor de "]]" komen, dus zeker niet voor de "thumb" of de "100px" e.d.

Zonder thumbnail

Een rechthoek

Als de afbeelding eigenlijk niet herschaald moet worden, maar er zou wel een tekst onder mogen, gebruik je ipv "thumb" "frame". Een voorbeeldje:

[[Afbeelding:Rectangle 2.svg|frame|Een rechthoek]]

Het resultaat is rechts te bekijken

Links, rechts

Steenhommel (mannetje)

Het is mogelijk om een afbeelding "left" (links), "right" (rechts), of "none" te zetten. Zowel bij een thumbnail, een frame, of geen van beiden.

[[Afbeelding:Steenhommel mannetje.jpg|thumb|100px|left|Steenhommel (mannetje)]]

Het resultaat is nu links te bewonderen.

"None" zorgt ervoor dat de tekst niet langs de afbeelding heen loopt.

[[Afbeelding:Steenhommel mannetje.jpg|thumb|100px|none|Steenhommel (mannetje)]]

geeft gewoon dit:

Steenhommel (mannetje)

Deze tekst loopt dus niet naast de afbeelding, maar begint er gewoon onder.

Afbeeldingen in tabel

Door een afbeelding in een tabel te plaatsen kunnen afbeelding(en) en tekst onder elkaar geplaatst worden (zie als voorbeeld Jacobskruiskruid.

Afbeeldingen in een div

Steenhommel

Steenhommel

Steenhommel

Steenhommel

Steenhommel

Steenhommel

Ook kunnen verschillende afbeeldingen op een speciale wijze op de pagina geplaatst worden. Hiermee maak je als het ware een vak wat afgesloten is van de rest van het artikel, waardoor je een ingewikkeldere opmaak kan krijgen, wat vooral handig is bij plaatjes met een verschillende grootte. Ook als een aantal afbeeldingen bij elkaar horen en bij elkaar moeten blijven rechts onder elkaar op de pagina kan het handig zijn ze in een div te zetten. Dit gaat echter meestal zonder div vanzelf goed.

[[Afbeelding:Steenhommel mannetje.jpg|120px|thumb|left|Steenhommel]]
[[Afbeelding:Steenhommel mannetje.jpg|120px|thumb|left|Steenhommel]]
[[Afbeelding:Steenhommel mannetje.jpg|272px|thumb|left|Steenhommel]]
[[Afbeelding:Steenhommel mannetje.jpg|69px|thumb|left|Steenhommel]]
[[Afbeelding:Steenhommel mannetje.jpg|69px|thumb|left|Steenhommel]]
[[Afbeelding:Steenhommel mannetje.jpg|69px|thumb|left|Steenhommel]]

Fotogallerij

Om een serie foto's in een gallerij te zetten is er de volgende methode:

<gallery>
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
Bestand:Steenhommel mannetje.jpg|Steenhommel (mannetje)
</gallery>

Voordelen: de gallerij past zich aan aan de schermbreedte, en gebruik een simpele opmaak

• 
  Steenhommel (mannetje)
• 
  Steenhommel (mannetje)
• 
  Steenhommel (mannetje)
• 
  Steenhommel (mannetje)
• 
  Steenhommel (mannetje)
• 
  Steenhommel (mannetje)
• 
  Steenhommel (mannetje)

Zie ook

• Wiki's linkpage voor foto's uit het publieke domein
• WikiWoordenboek:Tabellen: de wiki-codes voor afbeeldingen
• WikiWoordenboek:Overzicht Wiki: overzicht van de wiki-codes
• WikiWoordenboek:Zandbak om te experimenteren
• Speciaal:Upload: waar je afbeeldingen kan uploaden
• Gimp: gratis programma om afbeeldingen te bewerken
• m:Help:Images and other uploaded files (in het Engels)