Wat zijn de goede afmetingen van een afbeelding op een Joomla website?

Details

Categorie: Joomla Tips en Trucs

Voordat je een afbeelding (foto, logo, plaatje) gaat invoegen in een artikel, moeten we eerst weten hoe groot de afbeelding moet zijn. Dat hangt af van de plaats waar de afbeelding ingevoegd wordt. Moet de afbeelding in de 'Intro tekst', een plaats in de tekst, met de tekst er om heen, of over de volle breedte van de pagina?

De afmetingen van afbeeldingen worden uitgedrukt in pixels (px). Een afbeelding is horizontaal en vertikaal opgebouwd uit rijen en kolommen pixels. Ik ga niet te diep in op het technische aspect van de opbouw, kleurencombinaties enzovoorts over afbeeldingen, want er zijn websites met meer deskundigheid over dit onderwerp waar ruim aandacht aan wordt besteed.

De breedte van de website

Een gemiddelde website is ongeveer 1000 pixels breed. Het standaard template van Joomla 'Rhuk_Milkyway' heeft een maximale breedte van 1000 pixels (1). De breedte van een artikel of een leading introtekst zijn ongeveer 500 tot 600 pixels (2). Een introtekst is vrij klein en lastig om daar een goed plaatje in te krijgen (3). De introtekst is vaak wel geschikt voor een logo of iets dergelijks.

Wil je een plaatje over de hele breedte, hou dan een breedte aan van niet meer dan ongeveer 550 pixels. Moet het plaatje in de tekst, met de tekst er om heen, hou dan een grootte aan van maximaal 300 pixels.

Afbeelding groter of kleiner tonen

Het is mogelijk in Joomla (of in HTML) een afbeelding groter of kleiner weer te laten geven dan het orgineel. Met het attribuut 'width' of 'height'. Groter maken, of een afbeelding 'oprekken', is niet verstandig om te doen. Doordat ze de pixels gaat oprekken, krijg je meteen verlies van kwaliteit. Hoe groter je het plaatje maakt dan het orgineel, hoe slechter de weergave wordt.

Bij het verkleinen van de afbeelding krijg je ook al gauw kwaliteitsverlies, omdat de pagina niet kan inschatten welke rijen of kolommen pixels het kan weglaten om de afbeelding te laten passen. Daarbij is de grootte van het bestand ook een factor waar je rekening mee moet houden. Hoe groter de foto, hoe zwaarder het bestand. Een foto van 5 megapixel is al gauw 1 tot 1,5 megabyte met een breedte van meer dan 2500 pixels. Als je de foto laat weergeven op een formaat van 300 x 200 pixels moet het zeer verkleind worden. Terwijl de foto wel 1,5 mb inneemt op de server heb je in feite niet meer nodig dan een plaatje van enkele kilobytes.

Gebruikt dus zo veel mogelijk afbeeldingen met een absolute grootte voor weergave in de pagina.