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 95 posts 531 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 307 posts 1358 karma points
    Jul 29, 2019 @ 08:01
    Bo Jacobsen
    0

    Hi Jonathan.

    How would your package differ from ImageProcessor?

  • Jonathan Distenfeld 95 posts 531 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 13 posts 123 karma points
    4 days ago
    Justin RW
    0

    This looks interesting. Has your package been released?

Please Sign in or register to post replies

Write your reply to:

Draft