Resizing Images With Content Awareness

You must have experienced images overflowing, hidden or simply overriding content on a web page. Dr Shai Avidan and Dr. Ariel Shamir get together to give us Content-Aware Image Resizing (CAIR) (pdf, alternate locations at Corel Cache, ACM). You can also see a video demonstration to experience the technology.

The idea is to remove the least significant bits of information when the image is down-scaled and add when it is up-scaled, instead of eliminating a random set of pixels. This preserves the relevant and important content in the image, giving us the best resized image. The key here will be the algorithm used to determine what to remove and what to add. Easier said than done, a Slashdot commenter does a nice job of outlining the possible algorithm.

It is an exciting development, but we need to give more time to it, to identify edge cases, raise questions and answer those. My first doubt is about the behavior when the less important information, that gets removed, is necessary and relevant. Having said that, the work is invaluable and I think can be applied in other image-intensive applications. Another big benefit will be for web designers developing liquid designs.

Discussion [Participate or Link]

  1. Binny V A said:

    Interesting design. Anyway, I would suggest that you embed the video about content aware resizing on this page. That video makes it very easy to understand the concept.

Say your thought!

If you want to use HTML you can use these tags: <a>, <em>, <strong>, <abbr>, <code>, <blockquote>. Closing the tags will be appreciated as this site uses valid XHTML.



Abhijit Nadgouda
iface Consulting
+91 9819820312
My bookmarks


This is the weblog of Abhijit Nadgouda where he writes down his thoughts on software development and related topics. You are invited to subscribe to the feed to stay updated or check out more subscription options. Or you can choose to browse by one of the topics.