Maak van je webpagina een eyecatcher met sfeerfoto's van studenten, medewerkers, campussen, gebouwen en thema's.
Responsive design
- We tonen eenzelfde afbeelding in verschillende formaten op de website. Ongeacht via welk scherm je lezers de site bezoeken, krijgen ze steeds het juiste beeldformaat te zien.
- Eén groot, scherp beeld met voldoende pixels moet alle beeldcomponenten mooi vertalen naar het beeldscherm waarop ze worden gezien.
- Header images, CTA images en carrousels vertrekken vanuit een landscape beeld.
- Afbeeldingen in een tekstelement en fotoalbums kunnen meerdere beeldverhoudingen weergeven (portrait, landscape, panorama of vierkant). Volg steeds de beeldinstructies voor een correcte weergave.
Overzicht toegelaten formaten
Enkel afbeeldingen in .jpeg formaat zijn toegelaten!
- Headers: 2000 px breed (B) x 1000 px hoog (H)
- Beelden in een tekst: 1000 px breed of hoog - maar uitzonderlijk mogen die ook kleiner zijn, bv als je een lijst afbeeldingen onder elkaar wil publiceren, via verschillende tekstelementen
- CTA images en carrousels: 1000 px B x 500 px H
- Fotoalbum: 1000 px B
- Om te vermijden dat content op onze webpagina's te traag laadt (of zelfs blokkeert), volg je de maximum bestandsgrootte
- Absolute maximum formaat: 3840 pixels B x 2160 pixels H of 2160 pixels B x 3840 pixels H
Bindende richtlijnen voor afbeeldingen
Header image
De header image is enkel zichtbaar bovenaan de startpagina van een subsite, en dus niet op de onderliggende pagina’s. Naast een expressieve foto is er ruimte voor een titel (header 1) en introtekst (subtitle).
Beeldstijl
- Selecteer een kwaliteitsvol, sprekend beeld.
- Foto's met tekst of logo in het beeld zijn niet toegestaan.
- Collages, groepsfoto's, tekeningen, cartoons, ... zijn niet geschikt.
- Kies spontane, natuurlijke foto's in reportagestijl.
- Behoud abstracte of conceptuele beelden ter illustratie bij tekstelementen.
- Contacteer webredactie als je geen geschikt beeld vindt, dan bezorgen we je een selectie van beschikbare beelden waaruit je kan kiezen.
Template
- Header images kan je eenvoudig zelf opmaken in het online ontwerpplatform Canva
- Voor specifieke grafische ontwerpen op maat: contacteer Nik Römer
Technische specificaties
- Oriëntatie: Liggend, verhouding: 2:1
- Minimum formaat: 2000 pixels B x 1000 pixels H
- Absolute maximum formaat: 3840 pixels B x 2160 pixels H
- Uploadcapaciteit: Maximum 40 MB
- Bestandsformaat: enkel jpeg
- Bestandsnaam:
- geef je afbeeldingsbestanden een gepaste naam voor betere SEO: 'studenten.jpg' en niet UA123.jpg
- Gebruik kleine letters en vermijd spaties
Afbeeldingen in een tekstelement
- Voor afbeeldingen in een tekstelement zijn meerdere beeldverhoudingen mogelijk.
- De fotobewerking kan niet gebeuren in de editor op de webpagina, de beeldbewerking doe je vooraf.
- Eens opgeladen in het tekstelement, wordt de foto geschaald in de front-end afhankelijk van het toestel en de schermgrootte waarmee de bezoeker surft.
- Wil je alle afbeeldingen even groot weergeven? Maak ze dan allemaal in hetzelfde formaat voor je de foto's oplaadt.
- Gebruik geen afbeeldingen in tabellen, dat zorgt voor weergaveproblemen bij andere schermformaten.
Beeldstijl
- Selecteer een kwaliteitsvol, sprekend beeld zonder tekst.
Template
Afbeeldingen voor gebruik in een tekstelement kan je opmaken in het online ontwerpplatform Canva
Specificaties
- Oriëntatie: portrait, landscape, panorama of vierkant
- Minimum breedte of hoogte: 1000 pixels B of H
- Absolute maximum formaat: 3840 pixels B x 2160 pixels H of 2160 pixels B x 3840 pixels H
- Opgelet! De afbeelding wordt groter of kleiner getoond naargelang het formaat:
- Is het beeld even groot als de volledige tekstkolombreedte: dan wordt het getoond in de volledige breedte van de tekstkolom.
- Is het beeld kleiner dan de volledige tekstkolombreedte: dan wordt het automatisch gecentreerd, met optie voor uitlijning links of rechts. Bij linkse of rechtse uitlijning wordt het beeld automatisch tot een geschikt formaat herleid.
- Uploadcapaciteit: maximum 40 MB
- Bestandsformaat: bewaar afbeeldingen steeds als jpeg.
- Bestandsnaam:
- Geef je afbeeldingsbestanden een goede naam voor betere SEO: 'studenten.jpg' en niet UA123.jpg.
- Gebruik kleine letters en vermijd spaties.
Call-to-action image en carrousel
- Voor call-to-action images (CTA image) en carrousels gebruik je altijd liggende beelden.
- Hoe groter het aantal pixels, hoe mooier het resultaat.
- De CTA image wordt groter of kleiner getoond naargelang het toestel waarop het bekeken wordt en het aantal CTA-blokken die je bij elkaar plaatst. Het systeem snijdt de afbeelding bij tot een consistent formaat:
- Desktop weergave:
- 1 CTA image: wordt centraal en groot getoond
- 2 of 3 CTA images na elkaar: komen naast elkaar
- Bij meer dan 3 CTA images start een nieuwe rij
- Mobiele weergave: CTA images komen altijd onder elkaar te staan
- Desktop weergave:
Beeldstijl
- Selecteer een sprekend beeld zonder tekst of logo.
Template
Technische specificaties
- Oriëntatie: Liggend, verhouding: 2:1
- Minimum formaat: 1000 pixels B x 500 pixels H
- Absolute maximum formaat: 3840 pixels B x 2160 pixels H
- CTA image als afbeelding bij een YouTube video
- Uploadcapaciteit: Maximum 40 MB
- Bestandsformaat: Sla afbeeldingen steeds op als jpeg
- Bestandsnaam:
- Geef je afbeeldingsbestanden een goede naam voor betere SEO: 'studenten.jpg' en niet UA123.jpg.
- Gebruik kleine letters en vermijd spaties.
Fotoalbum
- Het fotoalbum laat verschillende beeldverhoudingen toe.
- Afbeeldingen mogen rechtstreeks opgeladen worden, maar houd steeds de minimum breedte aan.
- Maak een selectie van je beste beelden.
Technische specificaties
- Oriëntatie: portrait, landscape, panorama of vierkant
- Minimum breedte: 1000 pixels B
- Absolute maximum formaat: 3840 pixels B
- Uploadcapaciteit: Maximum 40 MB
- Bestandsformaat: Sla afbeeldingen steeds op als jpeg
- Bestandsnaam:
- Geef je afbeeldingsbestanden een goede naam voor betere SEO: 'studenten.jpg' en niet UA123.jpg.
- Gebruik kleine letters en vermijd spaties.