public ResponsiveImage Build(IPublishedContent image,
string cropPrefix,
string altText = null,
ImageBreakpoints breakpoints = null,
string imageClass = null,
string containerClass = null,
string cropSeparator = StringConstants.Separators.Hyphen,
int?width = null,
int?height = null,
bool includeRetina = true,
bool enableWebP = false,
int?quality = null)
{
var imageSources = BuildResponsiveImageSources(image, cropPrefix, breakpoints, cropSeparator, width, height, includeRetina, enableWebP, quality);
if (!imageSources.HasAny())
{
return(null);
}
var model = new ResponsiveImage
{
ImageSources = imageSources,
ImageClass = imageClass,
ContainerClass = containerClass,
AltText = altText.HasValue() ? altText : image.Name
};
return(model);
}
public IReadOnlyList <ImageSource> BuildResponsiveImageSources(IPublishedContent image,
string cropPrefix,
ImageBreakpoints breakpoints = null,
string cropSeparator = StringConstants.Separators.Hyphen,
int?width = null,
int?height = null,
bool includeRetina = true,
bool enableWebP = false,
int?quality = null,
string fileExtension = null)
{
if (!breakpoints.HasAny())
{
breakpoints = new ImageBreakpoints(BreakPointConstants.DefaultBreakpoints);
}
var imageSources = new List <ImageSource>();
foreach (var breakPoint in breakpoints)
{
var cropAlias = $"{cropPrefix}{cropSeparator}{breakPoint.Key}";
if (enableWebP)
{
var imageSourceWithWebP = image.GetCropUrls(cropAlias, width, height, includeRetina, true, quality);
if (imageSourceWithWebP.HasValue())
{
imageSources.Add(new ImageSource(imageSourceWithWebP, breakPoint.Value, $"image/{ImageCropConstants.WebP}"));
}
}
else
{
var imageSource = image.GetCropUrls(cropAlias, width, height, includeRetina);
if (imageSource.HasValue())
{
var imageExtension = fileExtension.HasValue()
? fileExtension
: Path.GetExtension(image.Url())?.TrimStart(StringConstants.Separators.Dot.ToChar());
imageSources.Add(new ImageSource(imageSource, breakPoint.Value, $"image/{imageExtension}"));
}
}
}
return(imageSources.HasAny()
? imageSources
: null);
}
