Articles in this section

Document Building - Content Blocks - Images

This article is intended for: Editors and Contributors responsible for adding and editing content in a document.

Use this article after: the document (budget book, digital financial report, CIP document, or custom document) has been created and you are ready to add images.

Note: You can select any image below to zoom in. 

Add images to your Content Blocks to enhance the narratives throughout your document. There are a few ways to add images to a document. Select the step below to navigate directly to that section.

Pro Tips for Images

  • Images should be saved in PNG or JPG formats.
  • Images should not exceed 15MB in file size.
  • If your image has a white background and you have chosen to use a background color on the content block, it is recommended to save your image with a transparent background to remove the white background. 
  • If a blank page is showing up before or after a full-page image, try resizing your image to a ratio of 3.9 (length) by 3 (width) or set the width to be about 75% of the height of the image and reupload the image. 

Image Content Block

From a multimedia or image content block, select the Upload Image button and choose or drag and drop your image file into the image box. 

After uploading your image, you can set your Image Settings. 

  1. If needed, you can crop your image by using the cropping tool.
    1. Pro-Tip: You can crop using a circle instead of a square by switching on Enable Rounded Cropping.
  2. You can add a large and a small caption to display underneath your image.
  3. Choose Caption Alignment to display the caption left, right, or centered under the image.
  4. Enter your Alt Text.
    Note: Alt text is used to describe images to viewers who are unable to see them. This includes screen readers and browsers that block images, but it also includes users who are sight-impaired or otherwise unable to visually identify an image. It is recommended that you describe the image as specifically as possible; however, try to keep it relatively short (less than 150 characters).
  5. Select the Save Settings button to confirm changes. 

You can also hover over the Options dropdown to hide, edit settings, change the image, or delete an image.

Images in a Textbox

Images and signature images can be added to a textbox by dragging and dropping from a file folder or using the Insert Image icon to upload an image.
Note: If you use the Insert Image option, your images will have to be stored on the web. Images uploaded from your computer cannot exceed 15MB in file size.

There are several image options available to use: 

  • Create Alt text.
  • Toggle on captions to display text, such as having the mayor’s name displayed under the mayor’s picture.
  • Align your image left, right, or center.
  • Leave a comment on the image for another collaborator's review.
  • On the image, select the top or bottom arrow to enter text above or below the block. 
  • On the image, select and drag the dots in the corners to resize the image.

Ready to learn about different types of Content Blocks?

Learn more about Content Block editing and optimization in these articles:



Have more questions or need assistance? Submit a Request