WebAppers

/ best free open source web resources /

Graphic Resources

FocusPoint.js – jQuery Plugin for Responsive Cropping

Posted · Category: MIT License, Tools

Websites don’t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile – particularly if you’re using a full-screen image. If you have to use the same image file in all these contexts, your subject might be clipped or completely missing, or just really awkward looking.

FocusPoint jQuery Plugin makes sure your image looks great in any container, by ensuring the ‘spare’ parts of your image (negative space) are cropped out before the important parts. It’s made for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject.

focus-point

Requirements: jQuery Framework
Demo: https://github.com/jonom/jquery-focuspoint
License: MIT License

2 Comments
  • agentfitz

    How does the plugin determine which part of the image is indeed the “focus point”?

  • PC

    http://pakcheong.github.io/jqthumb/

    I realized jQThumb would worth taking a look too as jQThumb supports IE6+ and also compatible with NOT JUST jQuery (>=1.3.0) but also Zepto (>=1.0). Besides those, various callbacks are provided.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons