Control how your images behave in responsive environments and containers

Frameright

Control how your images behave in responsive environments and containers

Live preview
Image Display Control by Frameright is the next generation of responsive images. It uses standard photo metadata and embedded IPTC fields to instruct how images should adapt to different viewports, containers and environments, making it easy to ensure that image assets are always shown correctly.
  • Frameright
  • Frameright
  • Frameright

Comments, support and feedback

  • Kiril Videlov
    7 months ago

    This looks great! The metadata based approach is interesting and should make it possible to connect multiple services and systems without a complicated network of APIs. Nice work!

  • Derek Footer
    7 months ago

    Outstanding team building a product that gives developers and designers far more granular and consistent control over UI and image development.

  • Ilkka Järstä
    7 months ago

    Last week we pushed out a new demo on dealing with irregural image sizes with the help of our web component. Please take a look and have fun! Let us know if you have any questions about how to make this magic happen in your project. https://irregular-shapes-demo.frameright.io

  • Ilkka Järstä
    7 months ago

    Thank you for the kind words Minh Nguyen! Adrien: Yes, building this on established and free-to-use standards has been a core value for us and the reason we are members of IPTC. Pavel Laptev: Thank you for the great feedback! You can kinda do this by creating a single square region around the area you want to keep in the “frame”, but we’re thinking of ways of also setting a “focus point” to target to. For that case, we’d love to hear opinions on how it should exactly work. Should it be so that you define a single point in the picture and then the output channel maximizes the image area around that point while taking the container’s size constraints into account? If you have the time, we would be happy to have. a quick call with you to get the workflow down :) Feel free to ping me on Twitter @ilu or over email at ilkka@frameright.io.

  • Pavel Laptev
    7 months ago

    Love it! It would be cool to be able to "lock" the image focus on an object in it, e.g. select and area on the photo and keep it always visible.

  • Adrien
    7 months ago

    really nice that this is standards based, no vendor lock-in this way ✨

  • Minh Nguyen
    7 months ago

    really enjoyed your product, thank you for sharing!

  • Ilkka Järstä
    7 months ago

    Hey DevHunters! We are excited to announce the launch of Frameright and Image Display Control here on Dev Hunt this week. A key part of Image Display Control is designed for developers, and it is important for us to hear your thoughts. As a developer, I frequently encountered issues with images being displayed incorrectly in different responsive designs, viewports and third-party channels. I had no way to easily control how the image should adapt to differently shaped containers without resorting to tedious tweaks and CSS hacks. My co-founder, Marina, also experienced frustration as a photographer, unable to do her work correctly. The requests for differently cropped and sized versions of the same image kept increasing, and there was still uncertainty about how the image would get cropped in the end. The processes were disorganized, leading to unsatisfactory results. Here's how Image Display Control works: 🧑‍🎨 Users can save display instructions in the image file's metadata using the browser-based Frameright.app: - https://frameright.app 🛠 Developers can integrate IDC metadata support into their systems using our open-source libraries: - https://docs.frameright.io/ - https://github.com/Frameright 🌈 All of this is based on the Image Regions format in the free IPTC Photo Metadata Standard: - https://iptc.org/standards/photo-metadata/ We are building Frameright and IDC to provide developers with the smoothest path for taking image requirements into consideration in their projects and to facilitate cross-silo communication with all stakeholders. 📡 This week, we would love to learn more about what parts of IDC and Frameright resonate with you at this stage. Cheers, Ilkka

About this launch

Frameright was launched by Ilkka Järstä in January 17th 2023.

  • 78
    Upvotes
  • 14991
    Impressions
  • #4
    Week rank

Trending launches