Wat doet het CMS met mijn afbeeldingen en wat kan ik zelf doen?

Wat doet het CMS met mijn afbeeldingen?

Dezelfde afbeelding kan aan de hand van het design en de configuratie van het CMS op verschillende plekken in de website gebruikt worden. Niet op iedere plek hoeft de afbeelding hetzelfde bijgesneden te zijn. Hiervoor maakt het CMS gebruik van "Image Transforms".

Voorbeeld: Op een pagina heb je bijvoorbeeld een "Overview Image" veld welke op de overzichtspagina gebruikt wordt maar ook bij het onderdeel gerelateerde artikelen.

Om te zorgen dat dezelfde afbeelding op verschillende plekken in, samenwerking met de "Image Transforms", gebruikt kan worden geven we in het CMS de grootste variant afmetingen van de afbeelding aan. Het CMS zal met deze variant en de "Image Transforms" de gewenste versies genereren.

Standaard staan de "Image Transforms" ingesteld op een kwaliteit van 80%, dit is de grens om nauwelijks tot geen zichtbare kwaliteitsverlies te hebben maar wel de grootte van de afbeelding in kb's te optimaliseren. Een afbeelding neemt namelijk ruimte in beslag en veel en te grote afbeeldingen kunnen zorgen dat de server vol zit.

Wat kan ik zelf doen met mijn afbeeldingen?

Let erop dat de afbeelding voldoet aan de aangegeven afmetingen bij het veld.

Mocht er bij een bepaald veld geen afmetingen staan dan kan je dit bij ons navragen. Geef daarom deze afmetingen ook altijd door aan de partij die de afbeeldingen voor jullie maakt.

Wil je zelf de afmetingen van de afbeelding wijzigen kun je een online tool zoals Pixlr X gebruiken, op een Mac apparaat Preview gebruiken of op een Windows apparaat Photos gebruiken.

Andere zaken om op te letten:

• Bestandsformaat: JPG / JPEG / JFIF / PNG / WebP / AVIF.
  • PNG is alleen nodig voor transparante afbeeldingen.
• Bestandsgrootte: tussen de 200 en 300 kb, zeker niet meer dan 1 mb (1000 kb).
• PPI (Pixels Per Inch) / DPI (Dots Per Inch): 72.

De tekst op de afbeelding is niet leesbaar.

Het kan voorkomen dat er tekst op afbeeldingen staat, denk bijvoorbeeld aan product afbeeldingen, welke niet leesbaar is omdat de tekst onscherp is. De meest voorkomende oorzaak hiervan is omdat de tekst in de afbeelding zo klein is dat de afbeelding of het scherm niet genoeg pixels heeft om leesbare tekst te genereren. Moet de tekst toch leesbaar zijn overweeg dan de afbeelding op een andere plek te gebruiken waar de afbeelding groter getoond kan worden of overweeg wat meer ruimte om de tekst heen weg te croppen/snijden zodat er meer pixels voor de tekst overblijven.

Voor achtergrond afbeeldingen adviseren wij om geen teksten in de afbeelding te hebben staan. Over het algemeen zal er al tekst vanuit het CMS als content over de afbeelding heen gelegd worden.