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 device 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.
Beknopt 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
Uitgebreide info over 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 (heading 1) en introtekst (subtitle).
Beeldstijl
- Selecteer een kwaliteitsvol, sprekend beeld zonder tekst of logo.
- Collages, groepsfoto's, logo's, tekeningen, cartoons, ... zijn niet geschikt.
- Kies spontane, natuurlijke foto's in reportagestijl.
- Behoud abstracte of conceptuele beelden ter illustratie bij tekstelementen.
Template
Header images opmaken in het online grafisch ontwerpplatform Canva
Voor speciale, grafische ontwerpen: contacteer Nik Römer
Technische specificaties
- Oriëntatie: Liggend, verhouding: 2/1
- Minimum formaat: 2000 pixels B x 1000 pixels H - Ideaal, maximum formaat: 4000 pixels B x 2000 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 meer gebeuren in de editor op de webpagina, de beeldbewerking dient vooraf te gebeuren.
- Eens opgeladen in het tekstelement, wordt de foto geschaald in de front-end afhankelijk van het device waarmee de bezoeker surft.
- Wens je alle afbeeldingen even groot weer te geven, dan zal je ze allemaal hetzelfde formaat moeten geven, alvorens op te laden.
- Gebruik geen afbeeldingen in tabellen.
Beeldstijl
- Selecteer een kwaliteitsvol, sprekend beeld zonder tekst.
Template
Afbeeldingen in een tekstelement opmaken in het online grafisch ontwerpplatform Canva
Specificaties
- Oriëntatie: portrait, landscape, panorama of vierkant
- Minimum breedte of hoogte: 1000 pixels B of H - Maximum breedte: 6000 pixels B
Opgelet!
De afbeelding wordt groter of kleiner getoond naargelang de grootte:- Het beeld is even groot als de volledige tekstkolombreedte:
de volledige tekstkolombreedte - Het beeld is kleiner dan de volledige tekstkolombreedte
het beeld wordt automatisch gecentreerd, met optie voor uitlijning links of rechts.
Bij linkse of rechtse uitlijning wordt het beeld automatisch tot een geschikt formaat herleid.
- Het beeld is even groot als de volledige tekstkolombreedte:
- 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.
Call-to-action image en carrousel
- Voor call-to-action images (CTA image) en carrousels gebruiken we altijd liggende beelden.
- Hoe groter het aantal pixels, hoe mooier het resultaat.
- De CTA image wordt groter of kleiner getoond naargelang het device en aantal. Het systeem kropt de afbeelding in 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.
- Bij het carrouselbeeld is ruimte om afzonderlijk een tekstregel toe te voegen.
- Bij de CTA-images bestaan meerdere weergavemogelijkheden en stijlen.
Template
CTA images en carrousels opmaken in het online grafisch ontwerpplatform Canva
Technische specificaties
- Oriëntatie: Liggend, verhouding: 2/1
- Formaat: Minimum formaat: 1000 pixels B x 500 pixels H - Ideaal, maximum formaat: 6000 pixels B x 3000 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 worden opgeladen, 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 - Maximum breedte: 6000 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.