45 votes

Slimsy

Effortless Responsive Images with LazySizes and Umbraco

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 ImageProcessor.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 and picturefill.min.js and some helper methods.

Below is an example of how easy it is to use image srcset with a fallback image using v3 in Umbraco v8

<div class="employee-grid">
    @foreach (ContentModels.Person person in Model.Children)
    {
        <div class="employee-grid__item">
            <div class="employee-grid__item__image">
                <img src="@Url.GetCropUrl(person.Photo, 323, 300, quality:30, furtherOptions:"&format=auto")"
                     data-srcset="@Url.GetSrcSetUrls(person.Photo, 323, 300)"
                     data-src="@Url.GetCropUrl(person.Photo, 323, 300)"
                     sizes="auto" class="lazyload" />
            </div>
        </div>
    }
</div>

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

Screenshots

Package Files
Documentation
Archived Files

Package files

Archived files

Documentation

Source code

Forums

Slimsy Feedback

Bug reports, suggestions, questions, feedback, good stuff..

Download package
version 3.0.0

NuGet install instructions for Umbraco 7.6.0-8.12.2

Install-Package https://www.nuget.org/packages/Our.Umbraco.Slimsy/

Package owner

Jeavon Leopold

Jeavon has 13221 karma points

MVP 7x admin c-trib

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

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 3.0.0
.NET version 4.5,4.7.2
License MIT
Downloads on Our: 10.6K