Foto's
Er zijn verschillende mogelijkheden voor het gebruik van foto's op platformwebsites.
Waar staan foto’s op de website?
Foto’s kunnen op iedere pagina gebruikt worden. Ook op de homepage en op binnenkomstpagina’s van hoofdrubrieken. Hoe je die foto’s gebruikt, hangt af van wat je doel is met de foto en het type pagina. Fotoformaten vind je in de handleiding.
Mogelijkheden foto's
Je hebt de volgende mogelijkheden om foto’s te gebruiken:
- Beeldschermbrede afbeelding
- Fotoalbum (lightbox of foto’s naast elkaar)
- Afbeelding in de tekst (kleine foto en/of slider)
- Storytelling
- Fotonavigatie
Foto's vergroten of downloaden
Je kunt Support voor jouw site in laten stellen dat bezoekers foto's in de tekst kunnen openen in een lightbox, zodat zij een grotere versie kunnen zien, en dat bezoekers de originele versie kunnen downloaden. Als beide zijn aangezet verschijnt een aanklikbaar wit plusteken op de foto.
Wanneer foto’s inzetten?
Foto’s zet je in op pagina's die je een bepaalde sfeer mee wilt geven of als je iets van de inhoud van de pagina met beeld wilt tonen. Ook kun je met behulp van foto’s iets uitleggen.
Uiteraard moeten foto’s van goede kwaliteit zijn; zorg dus voor een scherpe afbeelding van het juiste formaat. Denk ook goed na over het effect van decoratieve of symbolische foto’s: ervaart je bezoeker een foto van een donkere wolk en een zon als positief (het klaart op) of als negatief? (naderende donderbui)
Als je een foto plaatst die inhoudelijke informatie geeft, moet je altijd zorgen voor een alt-tekst. Gaat het om een decoratieve foto, laat dan de alt-tekst leeg. Twijfel je of je een alt-tekst moet gebruiken? Stel jezelf dan de vraag wat een bezoeker aan inhoudelijke informatie mist als hij de foto niet ziet. Als het antwoord ‘niets’is, dan laat je de alt-tekst leeg.
Waar vind ik foto’s in het cms?
De foto zelf plaats je in de mediabank in het cms. Daarna kies je op de pagina waar de foto geplaatst wordt het type foto bij de contentblokken (bijvoorbeeld +Fotoalbum). Voor meer informatie en het overzicht van fotoformaten: raadpleeg de handleiding op de Wiki of neem contact op met Support.
Voorbeeld: Fotoalbum
Een fotoalbum is een standaard functionaliteit binnen Platform Rijksoverheid Online. Op alle pagina's waar contentblokken geplaatst kunnen worden, kan ook een fotoalbum geplaatst worden.
Bij 'Klik op een foto' in het fotoalbum wordt de foto in een groter formaat getoond in de zogenaamde lightbox. In de lightbox kunt u naar de volgende of vorige foto navigeren. U kunt er ook voor kiezen om foto's zonder vergroting/lightbox te tonen in de varianten "2 foto's naast elkaar" en "3 foto's naast elkaar".
Voorbeeld: Fotoalbum met lightbox
Een foto-impressie van Luchtmachtdagen 2014
Voorbeeld: Fotoalbum met 2 foto's naast elkaar
Voorbeeld: Fotoalbum met 3 foto's naast elkaar
Voorbeeld: Fotonavigatie
Op webpagina's is de subnavigatie naar onderliggende pagina's visueel aantrekkelijker te maken door fotonavigatie aan te laten zetten door support.
Bekijk een voorbeeld:
Voorbeeld: Afbeelding in de tekst
In teksten kun je afbeeldingen aan de linkerkant op halve breedte, met de tekst ernaast, of over de volle breedte van de tekst opnemen.
Voorbeeld: Slider
Met de functie slider kun je één of meerdere schermbrede afbeeldingen in de tekst plaatsen.
-
De F-35 vervangt de F-16.
-
Een gedeelte van de Nederlandse vloot.
-
De landmacht op oefening.
Fotoformaten
Op basis van de originele afbeelding worden sommige afmetingen automatisch in het CMS aangemaakt. Hierbij geldt voor het origineel altijd de 3:2 beeldverhouding. Ondanks Hippo de afbeelding schaalt, kan een groter of kleiner formaat ervoor zorgen, dat je afbeelding niet mooi wordt getoond. Sla foto's altijd op als JPG en niet als PNG. Kies bij het opslaan van de JPEG altijd voor 'progressive'.
Automatisch geschaald door het CMS
- Thumbnail (bv. het foto-album): breedte max. 100 px
- Kleine afbeelding (bv. een contentblok): breedte max. 415 px
- Middelgrote afbeelding (bv. een contentblok): breedte max. 830 px
- Grote afbeelding (bv. de lightbox (fotoalbum): breedte max. 1250 px
- Schermbrede afbeelding bij optie widescreenimageset (bv. hero-image): breedte min. 1920 px. Maximale hoogte van dez afbeeldingen: 480px (hoog) en 330px (laag).
Overige beeldformaten
- Banner: min. 400 px breed en variabele hoogte
- Uitgelicht plaatje: min. 400 px breed en variabele hoogte
- Decoratiefoto: min. 250 px breed en variabele hoogte (alleen zichtbaar bij het gebruik van fotonavigatie)
- Iconen (redactioneel navigatieblok): beeldverhouding 1:1 aanhouden
Hoe kom ik aan beeldmateriaal?
Er zijn verschillende manieren om aan beeldmateriaal te komen. Je bent hiervoor zelf verantwoordelijk; het Platform biedt geen eigen beeldbank.
- De Mediatheek Rijksoverheid is een Rijksbrede beeldbank waar je foto's kunt opslaan, downloaden en beheren en, in een later stadium, ook distribueren voor gebruik op bijvoorbeeld websites of in drukwerk. Om toegang tot de Mediatheek te krijgen, heb je een account nodig. Meer informatie vind je op Rijksportaal.
- Onderzoek binnen je eigen organisatie of er beeldmateriaal beschikbaar is. Let op: toets wel altijd of dit materiaal op je website gebruikt mag worden qua auteursrecht.
- Soms kun je gebruik maken van beeldmateriaal van andere (overheids)organisaties, waarmee je eigen organisatie samenwerkt. Ook hierbij geldt: controleer of dit beeldmateriaal gebruikt mag worden.
- Maak gebruik van beeldbanken. Er zijn beeldbanken die gratis beeldmateriaal bieden (bijvoorbeeld beeldarchieven van gemeenten), maar controleer wat de voorwaarden voor gebruik zijn.
- Het Beeldcentrum heeft geen foto's, maar kan je wel adviseren over beeldgebruik en de inhuur van een fotograaf. Ook zijn ze eigenaar van de website Beeldkompas, waar je kennis, voorbeelden en praktische hulp op het gebied van beeld vindt.
Blijf op de hoogte van ontwikkelingen
Als je lid bent van onze groep ‘Platform Rijksoverheid Online’ op Ons Communicatierijk (inlog) en daar onze updates volgt, blijf je op de hoogte van alle ontwikkelingen. Je kunt hier ook vragen stellen en je ziet wanneer we (online) bijeenkomsten organiseren.