Demo: Scale width Image Styles

Image Styles for Content Managers

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 width Display options available. These options will scale an image to the specified dimensions, maintaining the original aspect ratio.

There are Image style Display selections that will scale and crop images. These are useful when you want to constrain the aspect ratio of an image, such as using multiple images in a grid. These can be seen on the Scale and crop demo page.

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

Original image (Default Display) 

Maddy Rusk and Katie Richardson, both seniors in the marine biology program, take notes to catalogue their finds during tidepooling.

Scale width 100

Maddy Rusk and Katie Richardson, both seniors in the marine biology program, take notes to catalogue their finds during tidepooling.

Scale width 220

Maddy Rusk and Katie Richardson, both seniors in the marine biology program, take notes to catalogue their finds during tidepooling.

Scale width 360

Maddy Rusk and Katie Richardson, both seniors in the marine biology program, take notes to catalogue their finds during tidepooling.

Scale width 480

Maddy Rusk and Katie Richardson, both seniors in the marine biology program, take notes to catalogue their finds during tidepooling.

Scale width 1024

Maddy Rusk and Katie Richardson, both seniors in the marine biology program, take notes to catalogue their finds during tidepooling.