Implementing Responsive Images in Umbraco
The web platform has responsive image capabilities such as the srcset-attribute, sizes-attribute, and the picture-element. These capabilities may seem daunting sometimes. We'll learn how to make them available and maintainable to Umbraco content editors.
For many years, the web platform had responsive image capabilities such as the srcset-attribute, sizes-attribute, and the picture-element. Major browsers also have supported these capabilities for some time now. (Caniuse: srcset & sizes, picture)
Unfortunately, these capabilities are often not used because they seem daunting at first and become a lot of work to maintain. In this blog post we’ll learn the basics of these responsive image capabilities and how to make them available and maintainable to Umbraco content editors.
I wrote this post for 24days.in 2019, head over to 24days.in for the full article.
