Skip to main content
MindTouch Success Center

Add images to a page

Which image types does MindTouch support?

MindTouch supports only the following image types:

  • jpg/jpeg
  • gif
  • png

MindTouch does not support bitmap files (.bmp).

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

On the page you are editing, position your cursor where you want to insert the image.

  • Locate your image 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

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. 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 accessibility and allows users to understand context when using screen readers. Alternative text is an important element for search engine optimization (SEO).

  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 screenshot or image. The text will also be displayed if the image for whatever reason cannot be loaded by the browser. Also use words that relate to the theme of the article (i.e. use important keywords) if appropriate.

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. Resizing GIFs will cause the files to break.

  • Was this article helpful?