In the first part of the series, I'm showing how to install and properly configure Forte.EpiResponsivePicture package into Optimizely CMS (formerly EPiServer). Now it's time to take the best of its capabilities, tweaking it with perfect picture profiles.
Today it is impossible to have one image that fits all devices and scenarios for web. Responsive websites must not only serve good quality content, but also be loaded quickly for both visitors' convenience and SEO purposes. That's why <picture> tag was introduced in HTML5. Here I show how to use its advantage in Optimizely CMS (formerly EPiServer).
Almost every web developer already heard about all-image-problems-fixing HTML5 <picture> tag. But do you know how does that actually work?