Responsive images are a cornerstone of modern web design. They enable websites to deliver optimized visuals that adapt seamlessly to a wide range of devices, screen sizes, and resolutions. By serving appropriately sized images based on the user’s device capabilities, responsive images ensure fast load times, reduced bandwidth usage, and a consistent visual experience.
As of eZ Publish 5.4 / 2014.11, there is a new way to define custom image filters and image aliases. This is because image alias generation is now using LiipImagineBundle, with the underlying Imagine library from avalanche123. In this post we will review the old and new ways of configuring image aliases and filters along with a useful example.