Images should be purposeful and serve a specific function on the website. They should support the content and enhance the user experience.



Maintain consistency in image style, size, and aspect ratio throughout the website to provide a cohesive look and feel. We recommend optimizing images for web use by compressing them without sacrificing their quality. Large images can slow down the website's loading speed, so make sure to keep them appropriately sized.



Always ensure that you have the rights to use the images on the website. If you are using stock images, make sure to adhere to the license terms and give appropriate attribution where required.



By following these guidelines, the website can maintain a consistent visual identity and provide a positive user experience for all visitors.

Photography:

When using photographs of people, ensure that they are appropriate and respectful. Use images that represent the diversity of the borough and avoid stereotypes or bias.



We encourage the use of high-quality, well-lit images that are consistent with our brand's visual identity and reflect our community in an authentic way. By selecting images that align with our brand's values and aesthetics, we can create a cohesive and engaging visual experience for our users.



Use responsive images to ensure that they look great on all devices. This can be achieved using Drupal's built-in support for responsive images.

Things to avoid:

• Avoid the use of low-quality or blurry images. Poor quality images will detract from the overall design and can make our content look unprofessional
• Avoid the use of images that are too small or too large. Images that are too small can appear pixelated or distorted, while images that are too large can slow down page load times
• Avoid the use of images that are not relevant. Irrelevant images can confuse the message or distract the user from the content
• Avoid the use of images that clash with the B&D brand. Images should be consistent with our brand's tone, style, and colour palette
• Don't forget about accessibility. Ensure that all images are accessible by including descriptive alt text and avoiding images that may trigger seizures or other medical conditions
• Avoid using images that contain any sort of text. Use written content or other alternatives wherever possible. Any text inside an image will be difficult to read, especially for users that require assistive technology