This example shows how images are resized and cropped when the plugin is used with default configuration. Resize your window to see how much is cropped from the original images.

Original image resized by the browser

Resized by the browser

Resized with art direction (crop ratio 25%)

Resized with art direction (crop ratio 25%)

Resized with art direction (default crop ratio of 50%)

Resized with art direction (default crop ratio of 50%)

Resized with art direction (crop ratio 75%)

Resized with art direction (crop ratio 75%)

Original image resized by the browser

Resized by the browser

Resized with art direction (crop ratio 25%)

Resized with art direction (crop ratio 25%)

Resized with art direction (default crop ratio of 50%)

Resized with art direction (default crop ratio of 50%)

Resized with art direction (crop ratio 75%)

Resized with art direction (crop ratio 75%)