I'm building an application that collects images and convert them to a square ratio images for usage as avatars in social networks.

I want to understand what is the range of image ratios that I can work with and be assured that the image will look OK when I convert its ratio.

For example if I'll take a very wide image and not high enough, if I'll convert it to a square ratio, I'll have to shorten the width and then I'll have too much space above and under the image.

So is there a rule of thumb regarding what is the max ratio I can use before it'll look bad when converting to square?

  • 4
    Converting a non-square to a square format by adding a margin is never looking good. You need to crop the image. Automatic cropping is a problem. Haven't tried this myself yet, but maybe something like this technique would work better for you: github.com/jwagner/smartcrop.js
    – AAGD
    Commented Dec 9, 2015 at 11:50
  • Thanks for the answer, I guess that there are some sort of ratios that will work automatically without cropping. saying every ratio that is +-20% 1/1 will look OK when converting to square, I mean - it may have white space on the sides but can work. What do you think? Is there any rule of thumb for that? From your experience? Commented Dec 9, 2015 at 13:50
  • 1
    As I wrote, I wouldn't do it at all. I'd crop them, if necessary with the help of the user or face recognition or by hand.
    – AAGD
    Commented Dec 9, 2015 at 14:28


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.