Skip to main content
MindTouch Success Center

Add images to a page

Supported image types

  • jpg/jpeg
  • gif
  • png

MindTouch does not support .bmp (bitmap) files.

Add images to a page

In MindTouch, add images to pages by drag-and-drop or insert from the editor toolbar.

Drag and drop an image

  1. On the page you are editing, position your cursor where you want to insert the image.
  2. Locate an image from your computer and drag it onto the page. 

Dragging and dropping attaches images to a page. If you are managing your images in a media repository, move images into your media repository after dragging and dropping them onto a page.

Insert an image

  1. Click the Image icon in the editor toolbar.
  2. Locate the image you want to insert or enter an Image URL.
  3. Click Save image.

Optimize your images

Ensure image responsiveness

  1. With the page in Edit mode, double-click the image.
  2. In the Image dialog, ensure the Responsive radio button is selected.

To preserve the responsiveness of images, do NOT adjust the image size in the Image dialog. Instead, export the image and adjust the size in an image editor. To ensure consistency across your site, determine a maximum size for your images and communicate via a style guide to your content editors and authors.

Add alternative text to images

Alternative text for your images improves SEO and accessibility for screen readers.

  1. With the page in Edit mode, double-click the image.
  2. In the Image dialog,  enter your alternative text in the Alt text field.

Choose text that is descriptive of the image and uses keywords. The text will also be displayed if the image for whatever reason cannot be loaded by the browser.

Reusing images

If you intend to reuse images, set up a media repository and insert images as needed across your site.

Resizing GIF files

Do not resize GIF (.gif) files in the editor or images will break.

  • Was this article helpful?