Skip to main content

Images Tutorial

Tutorial Home
#5 Resize combining Presets with Custom Resize-Settings

Merge image settings

The following examples merge custom settings with predefined Settings which are defined in 2sxc, and can be re-configured in any site and app. We'll use Settings.Images.Content which has the following configuration:

  1. Width: 1400
  2. Height: 865
  3. AspectRatio: 1.618
  4. Quality: 75

Image with merged settings

This example uses the configuration as is, to create an image according to specs in customImageSettings


@{
  var customImageSettings = AsDynamic(new {
    Height = 100,
    ResizeMode = "Stretch",
    Quality = 50
  });
  // Merged settings, first one has highes priority
  var mergedSettings = AsDynamic(customImageSettings, Settings.Images.Content);
}

<img loading="lazy" src='@Link.Image(imgUrl, mergedSettings)'>
#5 Resize combining Presets with Custom Resize-Settings