Demo: Scale and crop Image Style

A small group of people stand on a rocky ocean beach.

Image Styles

This page illustrates some of the image styles available to content creators and managers on the Research website. Select the image style using the Display field in the Edit media dialog of CKEditor. The images below illustrate some of the Scale and crop Display options available. These options will scale and crop an image to the specified dimensions, while trying to keep the Media image's focal point centered.

There are also image styles that will scale an image to a given width, without affecting the aspect ratio. Examples of these can be seen on the Scale width Image Style Demo page.

If an existing image style does not meet your needs, RTS can develop new ones.


Original image (Default Display) 

A small group of people stand on a rocky ocean beach.

Scale and crop 200x300

A small group of people stand on a rocky ocean beach.

Scale and crop 1440x540

A small group of people stand on a rocky ocean beach.

Scale and crop 1024x768

A small group of people stand on a rocky ocean beach.

Scale and crop 480x360

A small group of people stand on a rocky ocean beach.

Scale and crop 220x165

A small group of people stand on a rocky ocean beach.

Scale and crop 115x115

A small group of people stand on a rocky ocean beach.

Scale and crop 100x100

A small group of people stand on a rocky ocean beach.

Scale and crop 50x50

A small group of people stand on a rocky ocean beach.