XperienceCommunity.SvgMediaDimensions 1.0.0-beta.1

This is a prerelease version of XperienceCommunity.SvgMediaDimensions.

There is a newer version of this package available.
See the version list below for details.

dotnet add package XperienceCommunity.SvgMediaDimensions --version 1.0.0-beta.1

NuGet\Install-Package XperienceCommunity.SvgMediaDimensions -Version 1.0.0-beta.1

This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.

<PackageReference Include="XperienceCommunity.SvgMediaDimensions" Version="1.0.0-beta.1" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

paket add XperienceCommunity.SvgMediaDimensions --version 1.0.0-beta.1

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: XperienceCommunity.SvgMediaDimensions, 1.0.0-beta.1"

#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.

// Install XperienceCommunity.SvgMediaDimensions as a Cake Addin
#addin nuget:?package=XperienceCommunity.SvgMediaDimensions&version=1.0.0-beta.1&prerelease

// Install XperienceCommunity.SvgMediaDimensions as a Cake Tool
#tool nuget:?package=XperienceCommunity.SvgMediaDimensions&version=1.0.0-beta.1&prerelease

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Xperience Svg Media Dimensions

Sets the width/height of SVG images when uploaded/updated in the Administration application of Kentico Xperience 13 sites.

With SVG width/height values, developers can ensure that when files are rendered on the live site, the <img> element has width/height values.

These values help the browser know how much space to reserve in the layout for the image before it is downloaded.

This helps improve Core Web Vitals by reducing Cumulative Layout Shift.

Dependencies

This package is compatible with Kentico Xperience 13.

How to Use?

First, install the NuGet package in your Kentico Xperience administration CMSApp project
```
dotnet add package XperienceCommunity.SvgMediaDimensions
```
Now any valid SVG that is uploaded to the Media Library, as an Attachment, or as a Meta file (ex: SKU image) will have its width/height values set.

If there are any issues setting the dimensions for an SVG file, the Event Log will be updated with an error with the EventCode SVG_DIMENSIONS_UPDATE_FAILURE.

How Does It Work?

A custom module intercepts insertions/updates of Media Files (MediaLibraryInfo, IAttachment, MetaFileInfo) and sets the width/height values of the media before they are insert into the database, if the media file is a valid SVG.

References

Kentico Xperience

Product	Compatible and additional computed target framework versions.
.NET	net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed.
.NET Core	netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed.
.NET Standard	netstandard2.0 is compatible. netstandard2.1 was computed.
.NET Framework	net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed.
MonoAndroid	monoandroid was computed.
MonoMac	monomac was computed.
MonoTouch	monotouch was computed.
Tizen	tizen40 was computed. tizen60 was computed.
Xamarin.iOS	xamarinios was computed.
Xamarin.Mac	xamarinmac was computed.
Xamarin.TVOS	xamarintvos was computed.
Xamarin.WatchOS	xamarinwatchos was computed.