Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Jonathan Distenfeld 105 posts 618 karma points
    Jul 29, 2019 @ 07:18
    Jonathan Distenfeld
    0

    Package for optimizing responsive images

    Hi,

    we have developed a tool called "DynImage" for image-heavy websites. The main motivation is to solve the many challenges that responsive images bring us.

    The current features:

    • Delivering images in the excact size you need
    • Art direction via focus point (supports the umbraco focal point)
    • freely configurable breakpoints
    • intelligent and fast caching
    • supports local filesystems an Azure blob-storage
    • Individually configurable (each image can be configured individually if required)
    • no acclimatization for content editors

    The Roadmap:

    • making use of native HTML5 srcset and picture-element
    • supporting high-resolution screens (Retina, etc.)
    • image compression
    • custom watermarks

    We are considering making this tool available for the umbraco community as a umbraco-package. Before we do the work, however, we would like to know whether this package brings added value to the community and whether there are people who would like to use this package.

    If you have any suggestions for improvement, let me know. I look forward to your replies.

    ~ Jonathan

  • Bo Jacobsen 606 posts 2404 karma points
    Jul 29, 2019 @ 08:01
    Bo Jacobsen
    0

    Hi Jonathan.

    How would your package differ from ImageProcessor?

  • Jonathan Distenfeld 105 posts 618 karma points
    Aug 13, 2019 @ 06:40
    Jonathan Distenfeld
    0

    Hello Bo,

    thank you for your answer.

    ImageProcessor is a library for artdirection, which can be used via API. However, it is not a solution for responsive images. Perhaps you mean the package "Slimsy" ( https://our.umbraco.com/packages/website-utilities/slimsy/)? This package would be similar to our DynImage, but our package would have some advantages over Slimsy:

    • Individual breakpoints are more flexible in configuration than fixed steps.
    • DynImage can change the aspect ratio per image breakpoint (with Slimsy the aspect ratio per image stays the same).
    • Image breakpoints can also be defined based on height
    • Images are created individually on request (with Slimsy all images are generated once for the predefined steps)
    • Using fullscreen images it is possible to generate images in the exact resolution required (width + height, JavaScript required).
    • JavaScript is only required for fullscreen images.

    So what do you think? Would our package bring added value to the community?

    ~Jonathan

  • Justin RW 17 posts 137 karma points
    Dec 03, 2019 @ 10:42
    Justin RW
    0

    This looks interesting. Has your package been released?

  • Mikael Axel Kleinwort 142 posts 487 karma points c-trib
    Feb 13, 2020 @ 12:18
    Mikael Axel Kleinwort
    0

    Any update?

  • Daniel 29 posts 142 karma points
    Apr 01, 2021 @ 06:19
    Daniel
    0

    Interesting indeed! Any update?

  • Erik Henningson 3 posts 23 karma points
    Oct 05, 2021 @ 14:35
    Erik Henningson
    0

    Maybe this solution will work for you. Currently only for Umbraco 9+, but could quite easily be made available for Umbraco 8 if requested.

Please Sign in or register to post replies

Write your reply to:

Draft