Support Center

Documentation for Drupal 7 Image styles

Last Updated: Sep 05, 2013 05:49PM EEST
Our products come with many extra image styles. Using image styles you can scale, crop, resize, rotate and desaturate images without affecting the original image. By default three sizes are defined: "thumbnail", "medium" and "large". The thumbnail style, for example, is shown with the teaser for image posts and when browsing image galleries.

When you change an image style, the module automatically refreshes all created images. Every image style must have a name, which will be used in the URL of the generated images. In addition, a folder with the style name is created inside the files folder (sites/default/files/styles).

Create or change image styles

  • Choose Administration » Configuration » Media » Image styles.
  • Add or select a style to edit its settings.
  • When configuring styles you can add effects: crop, scale, resize, rotate, desaturate, and rotate (other contributed modules provide additional effects). For example, by combining effects as crop, scale, and desaturate, you can create square, grayscale thumbnails.
  • Save the settings.
  • To start using the defined styles they must be assigned to the display of a content type. For each display (e.g. "default" or "teaser"), a different style can chosen.

Assign a style

  • Choose Administer » Structure » Content types » Manage display.
  • Choose the display (e.g. "default" or "teaser") via the tab buttons.
  • Click the gear wheel button to choose an image style; you are also able to link the image to the node.
  • Save the settings.
  • Check the content that contains the image style in question to see your new styles at work.

Finally, please keep in mind that some styles assigned directly inside our image field templates (field--field_image.tpl.php).

You can find more info at the following article "Working with images in Drupal 7"

In case this article leaves any of your questions or concerns unanswered, please feel welcome to email us or post a public question.

​More than (just) Themes

Contact Us
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found