Tutorial: Create a custom widget to display responsive images
Responsive design technique builds a single template that dynamically adapts to any resolution or a device. For more information, see Overview: Responsive design. In Sitefinity CMS responsive design module, responsive images do not come out-of-the-box.
This article demonstrates how to build a custom widget that displays responsive images.
You can download the source code and implement it. Alternatively, you can follow the steps below to create the widget from scratch.
GITHUB EXAMPLE: Download the Responsive images sample project from Sitefinity GitHub repository » Responsive images sample widget.