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:
  • 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


Staff listing sample
110 X 110 pixels



2-column width sample
646 X 308 pixels





Use Image Right or Image Left Paragraph Style











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