45 votes

Slimsy

Effortless Responsive Images with LazySizes and Umbraco

Slimsy v4.0.0 requires Umbraco v10

Slimsy v3.0.0-beta1-beta3 requires Umbraco v8.1.0-v8.5.x

Slimsy v3.0.0-beta4+ requires Umbraco v8.6.0+

Slimsy v2.0.0+ requires Umbraco v7.6.0+


LazySizes.js used in conjunction with ImageSharp.Web and the built-in Umbraco Image Cropper will make your responsive website's images both adaptive and "retina" quality (if supported by the client browser).

Slimsy includes lazysizes.min.js

Below is an example of how easy it is to render a multi source picture tag with a fallback image using v4 in Umbraco v10

<slimsy-picture media-item="@person.Photo" width="323" height="300" css-class="myClass" render-lqip="true" render-webp-alternative="true"></slimsy-picture>

Please visit our GitHub for all the information you need to configure and integrate Slimsy into your website projects.

Screenshots

Archived files

Documentation

Source code

 Download package
version 4.0.0

NuGet install instructions for Umbraco 7.6.0-9+

Install-Package Our.Umbraco.Slimsy

NuGet install instructions for Umbraco 9+

dotnet add package Our.Umbraco.Slimsy

Package owner

Jeavon Leopold

Jeavon Leopold

Jeavon has 13632 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (100%)

You must login before you can report on package compatibility.

Previously reported to work on versions: 8.6.x, 8.5.x, 8.4.x, 8.3.x, 8.2.x, 8.1.x, 8.0.x, 7.12.x, 7.11.x, 7.10.x, 7.9.x, 7.8.x, 7.7.x, 7.6.x, 7.4.x, 7.2.x, 7.1.x

Package Information

  • Package owner: Jeavon Leopold
  • Contributors: Marc Stöcker , Will Phillips
  • Created: 22/05/2014
  • Current version 4.0.0
  • .NET version 4.5,4.7.2
  • License MIT
  • Downloads on Our: 13.5K
  • Downloads on NuGet: 204.9K
  • Total downloads : 218.4K