Hoe snijd ik mijn foto bij in het CMS?

Een goede afbeelding maakt je website visueel aantrekkelijk en professioneel. Maar soms zijn foto's qua verhouding niet geschikt voor het kader waarin ze geplaatst worden. Denk aan een afbeelding die te hoog, te breed of verkeerd gecentreerd wordt weergegeven. Gelukkig kun je dit in het CMS eenvoudig oplossen met de cropfunctie.

Waar kun je croppen?

De croptool is beschikbaar in verschillende widgets waar je afbeeldingen kunt uploaden, zoals:

• Tekst met afbeelding

• Headerafbeeldingen

• Startblokken

• Fotoseries

Per widget kan de verhouding van de afbeelding (de uitsnede) verschillen, soms flexibel, soms vast. Bij vaste kaders helpt croppen je om het belangrijkste gedeelte van je foto correct in beeld te brengen.

Een afbeelding uploaden

1. Ga naar de pagina die je wilt bewerken in het CMS.

2. Klik onder het tabblad ‘Inhoud’ op de gewenste widget, zoals ‘Tekst met afbeelding’, ‘Foto’, ‘Header’ of ‘Startblok’.

3. In het veld voor de afbeelding kun je een bestand slepen of klikken op ‘of klik om te zoeken’ om een afbeelding te uploaden. Let op de aanbevolen afmetingen en maximale bestandsgrootte boven het uploadveld. Bestanden mogen maximaal 4000x4000 px zijn.

4. Zodra de foto is geüpload, verschijnt deze in het voorbeeldveld.

Tip: Gebruik een duidelijke bestandsnaam zonder hoofdletters of spaties, bijvoorbeeld schoolproject-groep-5.jpg. Dit is beter voor de vindbaarheid (SEO) én het ziet er netjes uit.

De afbeelding bijsnijden

1. Klik op het bewerk-icoontje bij de afbeelding (vierkantje met schuine lijn).

2. De croptool wordt geopend. Je ziet nu witte hoekpunten rondom de afbeelding. Versleep deze punten om de uitsnede aan te passen. Je kunt:

   • De afbeelding verschuiven binnen het kader.

   • De afbeelding schalen door een hoekpunt naar binnen of buiten te slepen.

3. Klik op het vinkje om je uitsnede op te slaan.

4. Klik daarna op ‘opslaan’ bij de pagina.

Bekijk je pagina aan de voorkant van de website om het verschil te zien. Je zult merken dat de afbeelding nu veel beter in het ontwerp past en belangrijk beeldmateriaal niet meer wegvalt.