search

backdrop / backdrop-issues

Issue tracker for Backdrop core.
144 stars 39 forks source link

[UX] Image styles: make crop and scale+crop effects smart. #1774

Open klonos opened 8 years ago

klonos commented 8 years ago

There are a few alternatives that do a better job (in-depth review coming up soon-ish):

Image Focus Crop

This module uses a few techniques, like face detection or entropy-based measure, to calculate the focal point of an image in order to provide a better "scale and crop" action.

Unlike other similar modules, Image Focus works with any image toolkit (both GD and Image Magick) and does not require any extra user input.

Face Detection

Face Detection module uses the jQuery Facedetection library to provide an image viewer jQuery plugin. demo here

Smart Crop

Smart Crop is an imagecache action that crops based on entropy, which produces more pleasing results when cropping to a fixed aspect (for example it can help prevent cutting off people's heads when cropping a portrait to a square. This does not mean it can do face detection, though that would be cool, wouldn't it?

The imagefield_focus module also provides integration with Smart Crop.

ImageField Focus

This module allows to scale and crop images focusing on their important portions. ... If you are using ImageField and ImageCache, you might have had hard times trying to get Scale And Crop to show what you actually want of your images. That is what ImageField Focus was made for. It allows you to tell ImageCache what portion of the image you want to focus to, and what portion you want to be cut out.

Key features:

Focal Point allows you to specify the portion of an image that is most important. This information can be used when the image is cropped or cropped and scaled so that you don't, for example, end up with an image that cuts off the subject's head.

This module borrows heavily from the ImageField Focus module but it works in a fundamentally different way. In this module the focus is defined as a single point on the image. Among other things this helps to solve the problem of guaranteeing the size of a cropped image as described here: https://drupal.org/node/1889542.

Additionally, Focal Point integrates both with standard image fields as well as media fields provided by the media module (7.x-2.x).

bd0bd commented 8 years ago

Sorry, I do not undersrand how the crop and scale+crop works. I do not see any changes with my image.

I expect when uploading image I can select neccessary area of it in preview mode and then crop and save it.

bd0bd commented 8 years ago

I mean something like these modules: https://www.drupal.org/project/imagefield_crop https://www.drupal.org/project/manualcrop

laryn commented 7 years ago

Following up here -- manualcrop is now available in contrib: https://github.com/backdrop-contrib/manualcrop

bd0bd commented 7 years ago

It doesnot work in Android. Nothing opens. Loading forever. screenshot_2017-04-08-08-51-21 2

klonos commented 7 years ago

In the agency that I work for, we deal with a lot of government websites that use the govCMS distribution. It comes with Focal Point out of the box and it works fine.