Skip to main content

Add an image

This page applies to:MindTouch Responsive

​MindTouch provides three quick and simple methods for adding an image to a page. Images may either be dragged and dropped, inserted, or copied and pasted into a page.

Supported image types

​MindTouch supports only the following image types:

  • jpg/jpeg
  • gif
  • png

Note to user  NOTE:  MindTouch does not support bitmap files (.bmp).

Drag and drop an image

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

Note to user  NOTE:  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.

Copy and paste an image

Copy an image from a location and paste it into the editor text field.

Reuse an image

If you intend to reuse an image, move the image into your media repository, and then insert the image on pages as needed via the Image button in the editor.

Set image size

important note   To preserve the responsiveness of the images, do NOT adjust the image size via the Image Properties 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.

important note   Do not resize GIF (.gif) files in the editor. Resizing GIFs will cause the files to break.

Set image responsiveness

Sometimes, images may not automatically be responsive when imported. At other times a content contributor inadvertently adjusted the image size via the Image Properties. To fix the responsiveness of an image, follow these simple steps:

  1. Click the image to select it.
  2. In the editor, click the Remove Format icon:

  1. Adjust indents or alignments as desired.


  • Was this article helpful?