Tips for good photos

Size

• Upload photos about 2000 pixels wide. Larger is fine: the CMS reduces photos over 2560 pixels itself, and it also makes the smaller sizes for phones and tablets.
• A photo can be at most 25 MB.
• Use JPG or WEBP for photos, PNG or SVG for logos.
• Landscape photos usually fit best. When cropping, keep in mind what matters: that should be in the middle.

Crop

A website often shows a photo cropped: wide at the top of a page (16:9), landscape in overviews and the newsletter (4:3) or as a square tile. When you upload, the CMS works out where the most important part of the photo is, such as a face or the product, and crops around it. That way nobody loses their head.

Still not right? Point at the photo in the item (for example an event, post or project) and click the round button with the frame (Adjust crop). Click the most important part of the photo; on the right you immediately see how it will be shown in each shape. Click Save crop. You can also do this in File manager (pencil next to the photo) and in the newsletter (point at a block with a photo and click Crop).

Want to use a photo that is already in File manager? In the photo box, click the round button with the folder. The cross removes the photo from the item; it stays in File manager.

File name

Give a photo a name that says what's in it, with your company name and town, for example bathroom-renovation-jansen-york.jpg instead of IMG_2034.jpg. Search engines read that name.

Description

In File manager, fill in the Alternative text for the photo: briefly describe what's in the photo, for example New walk-in shower with grey tiles in York. Search engines and people with poor eyesight read that text. If you leave it empty, the CMS uses the file name. For a new photo on a page, the CMS always asks for it.

Image when shared

Under Page settings → Findability you choose an Image when shared for each page. It's shown when someone shares the page (WhatsApp, LinkedIn, Facebook, Google) and when you put the page in a newsletter. Landscape works best (1200 × 630 pixels), and one photo applies to all languages. In the Pages list you see, small at the start of the row, which photo is used: the chosen photo, or otherwise the first photo on the page. Point at the thumbnail to see which of the two it is. If you don't choose one, it will be the first photo on the page, or otherwise your logo on a white background. More in Menu, order and search engines.

Rights

Only use photos you took yourself or that you have the rights to. A photo from the internet used without permission can lead to a hefty bill.