SVG Filters

Last month I wrote on the B² Interactive blog about using SVG filters to help enhance all the photos on a large website I was working on. Using SVG, I was able to brighten all the photos without having to download them all and batch process them through Adobe Photoshop again. Huge time saver.

Near the end of a recent website project, I ran into an interesting problem. The client wanted to switch the main color of the site to black. And while the magic of CSS makes that request straightforward, there was a rub. I had used color overlays on top of all of the pages’ image headers. Now that the overlay was black, the photos used in those headers lost a lot of their brightness and contrast.

Give it a read. It may help you out on your next project. I barely scratched the surface with how powerful SVG filters are and I’m excited to use them more.

Subscribe To My Newsletter

Join my mailing list to receive the latest news and updates. I only send out maybe one or two emails a month so I won't be a bother.