XIN Solutions
  • Home
  • About us
  • Working with us
  • Tools of the trade
  • XIN Mods
  • Contact Us

ASSET MODIFICATION

GETTING STARTED WITH XIN MODS DYNAMIC IMAGE MODIFICATION EXTENSION

A common use-case for a CMS is to store images and be able to serve out multiple renditions of that image. Bloomreach XM has this functionality built-in, but is rather cumbersome to use and difficult to change once you've made up your mind.

To get around this XIN Mods include the /assetmod extension. A simple image operations interpreter that can help: scale, crop and apply other types of filters.

Watch the video below to get an understand of how to load Images from Bloomreach XM into your NodeJS projects.

Simply prefix any /binaries URLs with the /assetmod/<operations>/... construct. For example:

					    /binaries/content/gallery/myimage.jpg
					

turns into

					    http://localhost:8080/site/assetmod/scale=_,600/crop=600,600
					    /binaries/content/gallery/myimage.jpg
					

As you may have noticed, you can specify multiple operations. They are structured like this to make it easier for caches to cache them.

Available operations are:

  • scale=_,<new-height>; scale the image to a new height (keeping aspect ratio intact)
  • scale=<new-width>,_; scale the image to a new width (keeping aspect ratio intact)
  • crop=<max-width>,<max-height>; crop zoom the image to max-width and max-height
  • filter=brighter; turn up the brightness of the image a little
  • filter=darker; the image becomes a little bit darker
  • filter=greyscale; the image because black and white

Go back to the overview to discover more functions of XIN Mods.

XIN Solutions

Auckland-based software development and consultancy.

  • Mail