How to enhance photography on your website

There are a plenty of new ways we can use design principles, CSS and JavaScript to change up our use of photography on the web. While some of what’s possible is still dictated by the browsers, one thing’s for sure: the days of static, boxy photos are gone.

The value of taking the time to edit photos so they match the tone of the site is sometimes underestimated. If photos come from different sources or cameras, or have been taken at different times of day, slight adjustments to brightness, contrast and cropping can go a long way in making them gel together. Using a photo editor or exploring some CSS3 effects can be a great way to spruce images up.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Sam Kapila

Sam is a designer living in Austin, Texas, who speaks and writes extensively about web and product design, diversity, inclusion, and equity. In 2011, she wrote the first university course on the topic of Responsive Web Design. She is currently Design Director at thoughtbot, and serves on several design advisory boards in Austin.