Best practices for web images and common sizes
Follow these best practices when using images with dotCMS:
  • Resize the image before uploading it to dotCMS.
  • Upload to site's images folder.
  • Always include an Image description to comply with accessibility guidelines.
  • Use the style Image Right or Image Left to format an uploaded image.

Common image sizes for standard template:
  • staff pictures: 110 X 110 px
  • single column width: 646 px
  • middle column width: 372 px
  • right column width: 246 px
  • Piper Posts: Square images (will be resized to 110 X 110)
  • Piper’s Photo of the Day: Submit it in actual size

Standard image sizes for RWD template:
  • staff pictures: 600 X 600 px
  • single column width: 800 px wide
  • embed in text: 300 px wide
  • 16:9 horizontal images: 1920px by 1080px

Staff listing sample
Standard: 110 X 110 pixels
RWD: 600 X 600 pixels

2-column width samplek: Standard template
646 X 308 pixels

Use Image Right or Image Left Paragraph Style

keywords: dotCMS, content management system, web images, image sizes, resize images