Single Blog

The Image Filters Plugin Adds Over 20 Filters, Including Vintage, Pastel Pink, and More

Kevin Batdorf released the Image Filters plugin for WordPress yesterday. It is a block that allows users to select from curated list of filters and apply it to their images.

Batdorf is the creator of one of my favorite “fun” plugins for WordPress: Wavy Divider. It allows users to create wavy and jagged divider sections between blocks. After reviewing it in February, Batdorf said to stay tuned for more fun blocks. It seems that he is keeping good on his promise. A week ago, he released Animate In View, a wrapper block that allows nested blocks to slide or fade into view on the page. The Image Filters plugin promises more of the same. However, the latest two can be used for more than just fun.

The Image Filters plugin offers a range of handy filters, and they are applicable for everything from photography portfolios to business sites. It is a tool that end-users can make of it what they will.

The plugin is straightforward to use. End-users need to only insert the Image Filters block and select an image from the media library. Then, click the “View Filters” button in the editor toolbar, which will create an overlay with all 22 image filters applied to choose from:

Popup modal in the WordPress post editor that showcases images with various filters applied over them in a grid.
Image filters overlay.

From that point, users merely need to select a filter to insert it into the content canvas.

Unlike other plugins that apply CSS filters to images, the plugin creates the filtered images on the server. It does not overwrite existing media files, so the originals are still available.

WordPress post editor.  In the content canvas, an image of plush foxes are shown with a tint over them.  In the sidebar on the right, the original image is shown.
Applying a filter on an image.

Batdorf listed several features in the plugin description that he may explore in future versions. The list included:

  • Watermarking
  • Resizing
  • Cropping
  • More filters
  • Image blending

Core WordPress already supports resizing and cropping. I am not sure how these might be expanded. However, image blending sounds like something I want to tinker with now.

My one nit-pick with the plugin is that it is a block in and of itself. I will not pretend to understand the technical hurdles of the project since I was not involved in its build. However, I would have liked to have seen it as an extension of the core image-related blocks. Currently, it is a wrapper for Image, but from a UX perspective, it would have been easier to use without the extra layer.

Technically, it is possible to use it like that. Because the Image Filters block creates images directly on the server, they are also available via the media library. Users could use the plugin’s block to build a filtered version of an image, delete the block, and use the image elsewhere.

The WordPress block system has opened a world of possibilities around media. Whether that is unique gallery patterns, the built-in duotone filters, or third-party plugins that apply masks over images, there is a little something for everyone. Many of these things existed for the classic editor, but they were often wrapped up in shortcode soup, lacking a visual preview. Or, they did not play well with other plugins because there was no standard API for developers to build from.

Some of the most exciting work that developers are doing is with media. Image Filters is yet another example.

Even with my nit-pick over the implementation, I love the experimentation. Image Filters pushes boundaries, exploring new methods of manipulating media from within the block editor. The only thing I really want is to see even more of this from the WordPress developer community.