Alle collecties
Je platform inrichten
Je platform personaliseren en designen
Wat zijn de aanbevolen afmetingen en formaten van de platformafbeeldingen?
Wat zijn de aanbevolen afmetingen en formaten van de platformafbeeldingen?

Alles wat je moet weten over afbeeldingsformaten, afmetingen en weergave. Vind ook een aantal goede en minder goede voorbeelden.

Joost Vandenbroele avatar
Geschreven door Joost Vandenbroele
Meer dan een week geleden bijgewerkt

Er zijn meerdere plaatsen waar je je platform kunt aanpassen met afbeeldingen (foto's of ontworpen visuals of graphics) om je platform boeiender te maken en de juiste look en feel over te brengen. Hier zijn de exacte richtlijnen per afbeeldingstype om ervoor te zorgen dat je afbeeldingen correct worden bijgesneden en er niet wazig uitzien.


1. Soorten afbeeldingen op je platform

Een afbeelding kan een eenvoudige foto zijn of een ontworpen visuele of grafische afbeelding. Dit zijn de verschillende soorten afbeeldingen die je kunt inbouwen in je platform en projecten:

  • Homepagina banner

  • Project/mapkaart

  • Project/map banner

  • Bijdrage (idee) kaart

  • Logo

2. Afbeeldingsformaten

Om korrelige afbeeldingen te voorkomen, moet je er altijd voor zorgen dat je afbeelding zwaar genoeg is, dat wil zeggen dat deze een resolutie (dpi) van ten minste 72 dpi moet hebben. Afbeeldingen moeten een png- of jpg-bestand zijn en maximaal 5 MB groot.

* dpi, of dots per inch, is een maat voor de resolutie van een afbeelding. Hoe hoger de puntdichtheid, hoe hoger de resolutie van de afbeelding.

3. Afmetingen, verhouding en responsiviteit van afbeeldingen

Aanbevolen afmetingen verschillen per type afbeelding. Het is belangrijk om te weten dat afbeeldingen anders worden weergegeven, afhankelijk van het apparaat waarmee je het platform bezoekt. Zie punt 4 voor aanbevelingen voor weergave.

Deze tabel geeft een overzicht van de voorgestelde afmetingen en verhouding per afbeeldingstype. De tool voor het uploaden van afbeeldingen helpt je om afbeeldingen altijd in de juiste verhouding bij te snijden.

Type afbeelding

Waar weergegeven?

Afmetingen

Verhouding


Verhouding mobiel

Homepagina banner

Kan een banner over de hele breedte zijn of 1 rij of kolom, afhankelijk van je instellingen.

1440 x 480 px

3:1

Kan worden weergegeven als ongeveer 1:1 op mobiele telefoons

Project/mapkaart

- Vierkant

Op homepagina of in map om een project te vertegenwoordigen

960 x 720 px

4:3

Wordt ook weergegeven als 4:3 op mobiele telefoons

Project/map banner

Weergegeven bovenaan de pagina van je project of projectmap

1440 x360px

4:1

Kan worden weergegeven als ongeveer 3:1 op mobiele telefoons

Bijdrage (idee) kaart

Weergegeven boven de bijdrage (idee e.a) of in het overzicht van bijdragen



575 x 574 px

1:1

Kan worden weergegeven als ongeveer 2:1 of 3:1 op mobiele telefoons

Logo

Linksboven in het navigatiemenu

Minimale hoogte 45 px; geen minimale of maximale breedte

Activiteitkaart binnen een project

Weergegeven onderaan je projectpagina's

geen geforceerde afbeeldingsafmetingen toegepast

(aanbevolen 3:1 verhouding klassiek voor banners)

Je platform is responsief. Dit betekent dat afbeeldingen anders worden weergegeven op basis van het schermtype (desktop, tablet, mobiele telefoon). We raden daarom aan om geen tekst of info op de afbeelding te zetten en alleen decoratieve afbeeldingen te gebruiken.

  • Waarom raden we aan om geen tekst of info op afbeeldingen te zetten?

Dit is niet alleen beter voor de toegankelijkheid en leesbaarheid, maar tekst wordt waarschijnlijk bijgesneden bij verschillende browserformaten. Je kunt de titel- en beschrijvingsvelden gebruiken om schriftelijke informatie over te brengen en extra afbeeldingen toevoegen aan je project- en mapbeschrijvingen als je meer informatie wilt geven aan de bezoekers van je platform.

4. Afbeelding weergeven in de homepagina banner (+voorbeelden)

Voor de homepagina banner kun je kiezen uit 3 opties: "Volledige breedte", "Twee rijen" of "Vaste verhouding".

Voor elk van de 3 lay-out opties is het belangrijk om een afbeelding te kiezen waar bij voorkeur geen tekst of info op staat.

Voor elk afbeeldingstype is er een ander gedrag, om ervoor te zorgen dat het platform goed werkt op alle apparaten. De "veilige zone" is het gebied dat altijd wordt weergegeven.

Banner over de volledige breedte

De banner over de volledige breedte geeft het beste visuele effect, maar het formaat wordt het meest aangepast & gecropt. Gebruik dit alleen met abstracte afbeeldingen.

Banner met twee rijen

Deze banner is vooral handig bij afbeeldingen die niet goed werken met tekst uit de titel, ondertitel of knop. Deze items worden onder de banner gezet.

Banner met vaste verhouding

De banner met een vaste verhouding behoudt altijd zijn hoogte en het grootste deel van zijn breedte. Dit is een goed type banner als je wilt dat het hoofdgedeelte van de afbeelding altijd zichtbaar is.

De aanbevolen verhouding voor de vaste verhouding banner is 3:1. Deze afbeelding wordt altijd bijgesneden tot een bepaalde verhouding om ervoor te zorgen dat alle cruciale aspecten altijd zichtbaar zijn. Als je een afbeelding uploadt die nog geen 3:1 verhouding heeft, kun je de afbeelding omhoog en omlaag slepen om ervoor te zorgen dat de belangrijke delen in het vaste gebied worden weergegeven.

5. Afbeelding weergeven in projecten

In een project zijn er drie plaatsen waar je afbeeldingen kunt toevoegen: Project/mapkaart, Project/map banner en een bijdrage (idee) kaart.

Als je een afbeelding uploadt om te gebruiken als project/mapkaart of als project/map banner, kun je de afbeelding verslepen en kiezen welk deel van de afbeelding altijd zichtbaar is. Het raster laat zien wat altijd zichtbaar zal zijn en het vage deel van de afbeelding wordt afgesneden. Als je een afbeelding uploadt die al de juiste afmetingen heeft, kun je de afbeelding niet verslepen.

Ideeënkaarten worden altijd in een 4:3 verhouding weergegeven. Hier is er geen optie om de afbeelding in het raster te slepen.

6. Een goede afbeelding vinden

💡 Moeite met het vinden van een goede afbeelding? Auteursrechtvrije afbeeldingengalerijen zoals Pexels en Unsplash of Burst kunnen vaak een goed startpunt zijn om mooie afbeeldingen van goede kwaliteit te vinden.



Meer hulp of ondersteuning nodig? Neem contact op met ons Support Team via de chatbubbel.

Was dit een antwoord op uw vraag?