Question

i have image with various size. and i also have various container to place those image.

example : i have 680 x 1024 image that will placed on 500×500 container without cropping.

so i thought that i will need to build image with container size, than put resized image on top of it.

result that i expected is something like this

or this

how the best way to achieve this on PHP or wordpress?

Answer 1

I wrote a plugin, currently at WordPress plugin repository:

JResizr

This plugin have ability to override default worpdress behavior and disable croping image but try to resize image to fit rectangle container size and fill space with background color. You also able to choose background color to use.