Skip to main content

Afbeeldingen gebruiken

Op deze pagina vind je de nodige informatie over het gebruik van afbeeldingen

Afbeeldingen in pagina-content

Afbeeldingen die je op een pagina of in een artikel weergeeft met behulp van een content-card, worden nooit bijgesneden - deze wordt alleen vergroot of verkleind op basis van de breedte. Dit betekent dat de afbeelding altijd in zijn geheel wordt weergegeven. Een paar tips:

  • Als vuistregel geldt dat je afbeeldingen het beste kunt verkleinen tot een breedte van ongeveer 1600 pixels voordat je ze uploadt naar Wings.
  • Je kunt afbeeldingen nog verder optimaliseren met TinyPNG.

Header-afbeeldingen van campagnepagina's

Campagnes (petities, donatiecampagnes, evenementen en signups) kunnen een header-afbeelding hebben. Het is handig om het volgende te begrijpen:

  • een deel van de headerafbeelding zal buiten beeld zijn, omdat het campagneformulier er altijd een beetje overheen valt;
  • het deel dat onzichtbaar is zal variëren, afhankelijk van de schermdimensies.

  • De headerafbeelding zal ook worden gebruikt op de /confirmed/-pagina die gebruikers zullen zien nadat ze op de bevestigingslink hebben geklikt in de e-mail die ze zullen ontvangen;
  • Over het algemeen moet de kopafbeelding illustratief van aard zijn, zorg dat je de afbeelding niet nodig hebt om cruciale informatie weer te geven;
  • Het is het beste om een liggende afbeelding te gebruiken, bijvoorbeeld 1600 x 900 px.

Header-afbeeldingen van artikelen

Header-plaatjes van artikelen (articles) hebben hetzelfde issue: deze zijn bedoeld om het hele browservenster op te vullen, ongeacht de schermgrootte of resolutie, waardoor een deel van de afbeelding altijd zal worden bijgesneden.

Dit is de bedoeling – als je deze functie niet wilt gebruiken, stel dan gewoon geen headerafbeelding in. Het is raadzaam om niet op de afbeelding te vertrouwen voor het weergeven van cruciale visuele inhoud, aangezien deze mogelijk niet zichtbaar is voor sommige gebruikers, afhankelijk van hun schermgrootte en -afmetingen.

Uitgelichte afbeeldingen

Als je een Nodes-ard gebruikt om een raster van pagina's, artikelen of campagnes weer te geven, wordt de featured afbeelding weergegeven:

De afbeelding die hier wordt weergegeven, wordt getoond als een card van 366 x 489 pixels, waarvan een deel onzichtbaar is, aangezien er een rechthoek met de titel en soms een beschrijving overheen wordt geplaatst. Wings zal de afbeelding bijsnijden, maar als je volledige controle over de afbeelding wilt hebben, gebruik dan een afbeelding van 732 bij 978 pizels en bedenk dat het onderste deel met een hoogte van 338 px niet zichtbaar zal zijn bij het aanwijzen. Je kunt ook dit PSD-sjabloon downloaden.