In version 3.2 of PictureRenderer.Optimizely it is possible to add any attribute to the rendered img element. This makes it possible to add e.g. custom data and itemprop attributes. Version 3.2 introduces the PictureAttributes object that may be used as an input parameter when calling @Html.Picture. It's in the PictureAttributes object where you can add … Continue reading Changes to PictureRenderer.Optimizely
ImageSharp
Image optimization at the edge.
The latest version of PictureRenderer has support for resizing and optimizing images using Cloudflare's image service.
Optimize images added in the rich text editor.
PictureRenderer for Optimizely CMS can be used to optimize images added in the rich text editor (TinyMce). In PictureRenderer.Optimizely v2.3 an XhtmlString extension is added that replaces img elements in the rich text content with a picture element. You enable this by creating a display template for XhtmlString properties. Create the file /Views/Shared/DisplayTemplates/XhtmlString.cshtml and add this: @using … Continue reading Optimize images added in the rich text editor.
Optimize images on your Optimizely CMS site
You want the images on your site to be lazy loaded in the most optimal size and format, and still look really sharp on all devices. You don't want the content editor to have to care about image size, image format, or what proportions the image should have. PictureRenderer can help you with all of … Continue reading Optimize images on your Optimizely CMS site
PictureRenderer for Optimizely CMS 12
Say hello to PictureRenderer.Optimizely! The html helper that makes it super simple to render HTML Picture elements in your Optimizely CMS 12 solution. Images are automatically cropped and resized, and the browser will always select the most optimal image to use.The result is optimized (width, format, and quality), lazy loaded, and responsive images. If you … Continue reading PictureRenderer for Optimizely CMS 12
Control the cropping of your images with a focal point
The Image point editor for Optimizely/Episerver CMS can be used together with the Picture helpers in PictureRenderer.Optimizely or ImageProcessor.Web.Episerver to control the cropping of images. If showing the same image in different height and width on your site, you might want to control how the image is cropped. Let's say you are showing super cool, … Continue reading Control the cropping of your images with a focal point