Miniatuur beelden inlassen in tekst.

**Merel** · 30 May 2008, 22:35

Sorry, ik weet eigenlijk niet in welke rubriek de vraag te stellen. Men ziet regelmatig teksten op het internet waarbij tussen de tekst enkele beelden ter illustratie zijn tussengelast in verkleinde weergave.

Men komt dat tegen op topics in fora (hier zijn er ook voorbeeelden) en soms op online-handleidingen. Men kan zo'n beeldje aanklikken om het te vergroten naar een "leesbare" grootte. Meestal zijn die beelden screenshots die een software procedure illustreren.

Hoe maakt men deze verkleinde weergaven en in welke toepassingen kan men dat doen ? (Windows toepassingen en Linux toepassingen) Heb zoiets gehoord als een "link opslaan als... ", maar dat is mij te vaag als uitleg. Misschien staat hier op de website al een tip bij tutorials ? Maar dan keek ik er over. Bedankt.

Jule · 31 May 2008, 00:05

Code:

[°URL="http://img133.imageshack.us/my.php?image=schermafdruk1ey0.png"][°IMG]http://img228.imageshack.us/img228/6174/schermafdruk1kleinxc4.png[/IMG][/URL]

Wel de twee ° weglaten uit de html code!

Ik vrees wel dat deze vraag meer thuis hoort in het forumonderdeel webdevelopment?

Of wenst u te weten hoe je een schermafdruk maakt? Of hoe je een bestaande afbeelding verkleint? (Gimp werkt zowel op linux als onder Windows.)

**Merel** · 31 May 2008, 16:56

(De moderator kan het verplaatsen)
Bedankt voor je antwoord. Ben er echter nog niet helemaal uit. Je voorbeeld is gehost en daardoor achterhaal ik moeilijk de essentie van de syntax. Er zijn precies twee verschillende [path/filename.ext] in verweven.

Ik ga op deze topic niet beginnen "oefenen" met eigen pogingen, maar toevallig ken je mss. een linkje naar een tekst waar het in detail uitgelegd staat ? Anders zoek ik op Google.

Nog één essentiele vraag : Als ik het begrijp is het verkleind beeldje idd slechts een link naar het beeld van groter formaat ? Wordt het verkleinde beeldje aldus verkleind getoond precies vanwege het gebruik van die bepaalde code ?

Terzijde :
De code [img]...[/img] die ken ik wel. Dan verschijnt een afbeelding op deze pagina in full size. (Dit kan de lectuur van een ganse topic bemoeilijken indien een te brede pic de rechterzijde van de hele webpagina doet uit beeldscherm komen.

GIMP is mij bekend van Linux, maar heb er weinig of niets mee gedaan tot nogtoe.

Jule · 31 May 2008, 19:08

Oorspronkelijk geplaatst door Merel

Bedankt voor je antwoord. Ben er echter nog niet helemaal uit. Je voorbeeld is gehost en daardoor achterhaal ik moeilijk de essentie van de syntax. Er zijn precies twee verschillende [path/filename.ext] in verweven.

Dit is de link naar de grote afbeelding: [°URL="http://img133.imageshack.us/my.php?image=schermafdruk1ey0.png"]...[/URL] Had ik deze op mijn eigen space geplaatst, dan zag u enkel deze afbeelding openen in een browservenster.

Hetgeen dat op de ... staat; nl.: [°IMG]http://img228.imageshack.us/img228/6174/schermafdruk1kleinxc4.png[/IMG] is de link naar de verkleinde afbeelding, die weergegeven wordt als afbeelding.

Oorspronkelijk geplaatst door Merel

Nog één essentiele vraag : Als ik het begrijp is het verkleind beeldje idd slechts een link naar het beeld van groter formaat ? Wordt het verkleinde beeldje aldus verkleind getoond precies vanwege het gebruik van die bepaalde code ?

Ik weet niet of er zo'n code bestaat. Dit is voor de specialisten van webdevelopment.

**compuchrisje** · 31 May 2008, 19:45

Ik volg nu al even Dreamweaver (ja, terug naar school!) en die kleinere afbeeldingen worden aangemaakt vanaf een grotere afbeelding. Iemand die een site aanmaakt met afbeeldingen die nogal groot uitvallen op een webpagina, maakt meestal een mapje aan met de verkleinde, meestal met een maximum van 100-150 pixels, om deze dan als aanklikbare link naar de vergrote afbeelding te leiden. Natuurlijk moet die grote afbeelding ook mee op de webruimte (server) staan.
Met wat we hier bij fotografie of psp gebruiken, 'lenen' we die ruimte van Imageshack, die de afbeelding een bepaalde tijd bewaard. Na het uploaden van het plaatje, krijg je eronder de diverse mogelijkheden om je afbeeldingen te delen, ofwel als thumbnail (het verkleinde plaatje), ofwel in volle glorie, ofwel als link.

**Merel** · 1 June 2008, 21:55

Bedankt Jule en Compuchrisje voor de verduidelijking.
Ik heb de essentie van de zaak voldoende begrepen om dit met wat oefening vlug onder de knie te hebben.

Eerlijkheidshalve... ik dacht dat het iets eenvoudiger was inzake procedure, maar overdreven ingewikkeld is het ook niet. Gelukkig zal ik nog maar weinig of nooit omvangrijke geïllustreerde teksten moeten maken (waarbij het gebruik van deze aanklikbare thumbnails zeer logisch is)

**powerbooster** · 7 June 2008, 16:10

Thumbnails maak je met IrfanView (http://www.irfanview.com) heel makkelijk.
Klik in het menu Bestand op Miniatuurweergaven. Er verschijnt een nieuw venster.
In het menu Extra > Opties kun je formaat en achtergrondkleur van de thumbnails instellen.
Blader naar je map met foto's en selecteer alle foto's waar je thumbnails van wilt maken.
Klik dan in het menu Bestand op Geselecteerde bestanden als aparte afbeeldingen opslaan.
Blader vervolgens naar de map waar je ze wilt hebben en klik op OK.
IrfanView geeft de thumbnails ook direct nieuwe namen. Als de originele afbeelding bijv. plaatje.jpg heet krijgt de thumbnail de naam plaatje_t.jpg.