LocalGov Drupal Docs
Overview
  • Developers
  • Content designers
  • Designers
  • Contributing
  • Credits System
  • Accessibility
  • Governance
Microsites
Main site
GitHub
Overview
  • Developers
  • Content designers
  • Designers
  • Contributing
  • Credits System
  • Accessibility
  • Governance
Microsites
Main site
GitHub
  • For Developers
  • Getting started
    • Drupal requirements
    • Working with Lando
    • Working with DDEV
    • Debugging with Xdebug
    • Working with Gitpod
  • General configuration
    • Content types
    • Custom modules
    • Image styles
      • Responsive image styles
      • All image styles
      • Media type: Image - Display modes
      • Crop
    • Media types
    • Paragraph types
    • Taxonomies
    • User roles
  • Features
    • Services: Technical
    • Alert banners: Technical
    • News: Technical
    • Directories: Technical
    • Location Geo: Technical
    • Subsites: Technical
    • Workflows: Technical
  • Theme
    • LocalGov Base
    • Regions
    • LocalGov Theme (Deprecated)
    • Skeleton theme (Deprecated)
    • Admin theme (Deprecated)
  • Testing
  • Development workflows
    • Installing and deploying a LocalGov Drupal site
  • Hosting
    • Hosting a LocalGov Drupal site
    • Hosting LocalGov Drupal on Azure
  • Release statuses
    • Release statuses
  • Security
    • Best practice guidance
    • Single Sign-On
  • Quality standards
    • Quality standards: Accessibility
    • Quality standard: Documentation
    • Quality standard: Testing
  • How-tos
    • How to use Gitpod to test modules in the browser

Image styles

Current list of responsive image styles:

Responsive image styles

  • 3:2 Image
    • Large 3:2 (768x512)
    • Large 3:2 2x (1536x1024)
  • Banner (28:9)
    • Small 28:9 (768x247)
    • Small 28:9 2x
    • Medium 28:9 (1024x329)
    • Large 28:9 (1440x463)
  • Hero or Banner
    • Small 21:9 (768x330)
    • Large 21:9 (1440x620)
    • Large 21:9 2x (2880x1240)
  • LocalGov Newsroom featured
    • LocalGov 248x181
    • LocalGov 535x302
  • Square
    • Square Large
    • Square Medium

All image styles

Image style nameManual crop typeOther effects
Crop thumbnail---Scale width
GeofieldMap Default Icon Style (34x34)---Resize
Large (480×480)---Scale
Large 3:2 (768x512)3:2Scale and crop
Large 3:2 2x (1536x1024)3:2Scale and crop
Large 21:9 (1440x620)7:3Scale and crop
Large 21:9 2x (2880x1240)7:3Scale and crop
Large 28:9 (1440x463)28:9Scale and crop
Large 28:9 2x (2880x926)28:9Scale and crop
Linkit result thumbnail---Scale and crop
LocalGov 248x181---Scale and crop
LocalGov 535x30216:9Scale and crop
LocalGov Newsroom teaser---Scale and crop
Manual 3:2 crop3:2---
Manual 7:3 crop7:3---
Manual 8:7 crop8:7---
Manual 16:9 crop16:9---
Manual square cropSquare---
Media Library thumbnail (220×220)---Scale
Medium (220×220)---Scale
Medium 3:2 (600x400)3:2Scale and crop
Medium 3:2 2x (1200x800)3:2Scale and crop
Medium 8:7 (266x236)8:7Scale and crop
Medium 21:9 (1024x440)7:3Scale and crop
Medium 28:9 (1024x329)28:9Scale and crop
Medium 28:9 2x (2048x658)28:9Scale and crop
Scale crop 7:3 large7:3Scale and crop
Small 21:9 (768x330)7:3Scale and crop
Small 28:9 (768x247)28:9Scale and crop
Small 28:9 2x28:9Scale and crop
Square LargeSquareScale and crop
Square MediumSquareScale and crop
Square SmallSquareScale and crop
Thumbnail (100×100)---Scale
Wide (1090)---Scale

Media type: Image - Display modes

Display mode nameFormatStyle name
DefaultResponsive image3:2 Image
Event thumbnailImageSquare small
FeaturedImageLocalGov 248x181
Featured largeResponsive imageLocalGov Newsroom featured
Newsroom teaserImageLocalGov Newsroom teaser
Medium 8:7ImageMedium 8:7
Responsive 3x2Responsive image3:2 image
Responsive bannerResponsive imageBanner (28:9)
Scale crop 7:3 largeImageScale crop 7:3 large
SquareResponsive imageSquare

Crop

Crop nameExample useage
16:9used in News images
28:9used for primary banners in subsites
3:2available as an option within the WYSIWYG
7:3available as an option within the WYSIWYG
8:7available as an option within the WYSIWYG
Squareavailable as an option within the WYSIWYG
Help us improve this page!
Last Updated: 10/7/2021, 3:41:33 PM
Prev
Custom modules
Next
Media types