How do I choose a good cover photo / image for an activity?
What requirements must an image meet. Edit image. Crop cover photo. Format. Dimensions. Measurements. Proportions. Opportunity header image.
An activity's cover photo is used in multiple places on the platform. It's one of the first impressions a potential volunteer/user has of the activity, so it's important to pick a good one! (Looking for an image? You can find royalty-free images here).
This isn't always straight forward. An image often looks slightly different on different screen sizes (phones, tablets, laptops, desktops) or becomes blurry when an image has to be enlarged.
So, how do you choose an image that looks good in most circumstances?
Size of the image
On the platform, the images shown are in a dimension of 16:9 or 1600*900 pixels. If your image has a different dimension, you are able to crop it to your liking on the platform after uploading the picture by clicking on "crop" (see also the image below). If it's not to your liking, you can use an image editor to edit the picture instead, before uploading it.

Editing and cropping an image
Sometimes it is necessary to edit or crop an image yourself beforehand for the best result. For simple editing, you can use the image editing program on your computer. Is that not enough? There are plenty of free tools available, online and offline. Three of our favorites:
Optimize the image for the web
Is your image ready to use? Then it doesn't hurt to optimize the image for the web and reduce the file size (kb/mb). The smaller a file, the faster a page loads. There are a lot of free tools available online that will do this for you. For example:
-
Websiteplanet Image Compressor (jpg/png compression)
-
Optimizilla (jpg/png/gif compression)
Now the image is really ready to use!
An overview of all the tips
-
Make sure you use the correct format: 16:9 or 1600*900 pixels. This way, you can see right away what the picture will look like on the platform.
-
Do not use small images. They need to be enlarged and will blurry on many screens.
-
Larger images are allowed, but make sure that the proportions remain approximately the same.
-
Make sure the main content of the image is centrally positioned so that it remains visible after cropping.
-
Try to avoid using text. If you do use text, make sure that:
-
you use as little text as possible
-
the text is big enough
-
the text is centered so that it remains in full view
-
-
If necessary, you can crop the image yourself before uploading it.
Good luck and have fun!