Resize images using the ccResizeImage binding

You may be able to improve performance by using the custom ccResizeImage binding to provide scaled images for display on the UI.

Important: You should not resize images on the client.

The following is an example of the use of ccResizeImage binding:

<img data-bind="ccResizeImage: {
    source: '/file/v2/products/ST_AntiqueWoodChair_full.jpg',
    xsmall: '80,80',
    medium: '120,120',
    size:'50,50',
    alt: 'Antique Wood Chair',
    errorSrc:'images/noImage.png',
    errorAlt:'No Image Found'}"></img>

In the example, the ccResizeImage binding returns an image of size 80x80, and 120x120 for xsmall and medium viewports, respectively. For all other viewports, it returns an image of size 50x50. For more information, see Resize Images.