Image resizing for Optimizely CMS 12?

Vote:
 

Has anybody found a way of resizing images for optimization in CMS 12 (and DXP)? 

What I've found so far is PictureRenderer.Optimizely which uses Baaijte.Optimizely.ImageSharp.Web, but currently isn't working properly due to the package having a dependency for EPiServer.CMS.Core 12.0.4 and the latest EPiServer.CMS 12.1.0 package having a dependency for EPiServer.CMS.Core 12.0.3

I've also seen this article about CloudFlare resizing images, but I'm curious if anybody has got image resizing working.

#266937
Nov 18, 2021 13:38
Vote:
 

There's lots of solutions that work nicely and also have support for modern formats such as WebP. The best ones IMO in order are

https://github.com/vnbaaij/ImageProcessor.Web.Episerver https://world.optimizely.com/blogs/vincent-baaij/dates/2017/10/episerver-and-imageprocessor-more-choice-for-developers-and-designers/ 

Image Resizer https://nuget.optimizely.com/package/?id=ImageResizer.Plugins.EPiServerBlobReader  - Blog here https://devblog.gosso.se/2021/09/serve-images-in-next-gen-formats-with-imageresizer/ 

We use ImageProcessor very effectivly for Image Resizing via Picture tags for Optimized responsive images.

#266939
Nov 18, 2021 15:37
Vote:
 

Also the Polish on the DXP from your linked blog post (more info in my own blog post https://world.optimizely.com/blogs/scott-reed/dates/2018/5/dxc-automatic-image-optimization/ ) is just for Optimizing file sizes of images it doesn't resize.

#266940
Nov 18, 2021 15:39
Vote:
 

Thanks for the quick reply, Scott!

Aren't these nuget packages for CMS 11? What I'm looking for needs to be compatible with CMS 12 .NET 5. 

#266944
Nov 18, 2021 15:45
Vote:
 

Sorry yes if you're looking for .NET 5 supported addons those have not been migrated. In fact very few packages from the community have offical full CMS 12 support currently.

I would hope they will get updated, but at the moment if https://github.com/ErikHen/PictureRenderer.Optimizely/tree/main isn't working properly you will have trouble getting anything else to work as CMS 12 and Commerce 14 only just came out.

#266946
Edited, Nov 18, 2021 15:56
Vote:
 

Although it's the same guy who's created ImageProcessor and PictureRenderer.Optimizely so he may not be supporting ImageProcessor now as it's not been updated in a ages. Which is a shame as it was my favourite although this could be just a newer version for .NET 5

#266947
Edited, Nov 18, 2021 15:58
Vote:
 

In CMS11 sites we generally used to use ImageProcessor although as the packages have not been upgraded to work with .Net 5, we are trying out SixLabors.ImageSharp library which seems to be working really well for us. 

#267184
Nov 22, 2021 17:57
Vote:
 

Hi! Wich package has dependency to EPiServer.CMS.Core 12.0.4 ?
In the feed it says that Baaijte.Optimizely.ImageSharp.Web has a dependency to EPiServer.CMS.Core (≥ 12.0.0 && < 13.0.0), and PictureRenderer.Optimizely
has a dependency to EPiServer.CMS.Core (≥ 12.0.3 && < 13.0.0).

If there is a dependency mismatch I'm sure me or Vincent can fix it easily.

#267656
Dec 01, 2021 16:54
Vote:
 
#267658
Dec 01, 2021 17:00
Vincent Baaij - Dec 02, 2021 9:09
I've uploaded a new version (1.0.4) that references 12.0.3 packages.
Vote:
 

I would assume that resizing using the ImageDescriptor attribute works fine in CMS 12.

Together with Cloudflare and Polish it does a pretty good job if you can make it not do PNGs of JPGs.

#267680
Edited, Dec 01, 2021 22:02
Vote:
 

Kolbein, Please test with the latest version of 

Baaijte.Optimizely.ImageSharp.Web (new version today).

#267735
Dec 02, 2021 14:02
Sanjay Kumar - Sep 02, 2022 6:51
Hi Erik,
This package works fine on my local environment but I am facing issue on DXP. I have pasted the log in following thread please take a look and assist - Thanks!

https://world.optimizely.com/forum/developer-forum/cms-12/thread-container/2022/3/image-resizing-for-optimizely-cms-12-doesnt-work/#286454
Vote:
 

Thanks, it now seems to work fine! Although, I encountered a problem where I had to manually install the SixLabors.ImageSharp.Web nuget (1.0.4) after receiving this error message:

FileNotFoundException: Could not load file or assembly 'SixLabors.ImageSharp.Web, Version=1.0.0.0'

#267922
Dec 06, 2021 14:07
Vote:
 

Also worth noting that it looks like Six Labors ImageSharp is what CMS 12 uses internally.

#271352
Feb 08, 2022 10:25
This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.