Image Resizing Made Easy with Commerce Cloud (Updated March 2017)

Summary

How to use ccResizeImage custom Knockout binding to better handle image sizing

Content

When working with the Oracle Commerce Cloud Service (OCCS) you may need to display images you've uploaded to your OCCS environment. You may ask, how do I ensure these images are displayed correctly without delaying page load times?

OCCS has made a number of changes in its most recent release (17.1 as of this post) to better handle image sizing particularly when dealing with multiple viewports.

Beginning in 17.1, you can resize images before they are downloaded to the client browser which greatly improves Storefront performance. Commerce Cloud provides the ccResizeImage custom Knockout binding, which you can use in your widgets.