Question

My app allows for FB Connect. When you connect we grab your FB profile photo and create a thumbnail using paperclip.

Right now users are angry that there photos are being stretched. We are using the setting:

:styles => { :thumb => "100x100>" }

What is the preferred setting to create a thumbnail and not stretch? Something that maintains the aspect ratio and likely positions at the top as to not cut off a person’s head?

Suggestions? Thanks

Answer 1

You might have an easier time doing all your image manipulation as part of the Paperclip processing. Try

:styles => {:square => "35x35#" }

and then you can render that image directly into your div with no css.