WYSIWYG Editor: Editing an Image
  • 1 Minute to read
  • Dark

WYSIWYG Editor: Editing an Image

  • Dark

Article summary

The WYSIWYG image editor makes it easy for you to resize images that you've added to your online course's content slides, knowledge base articles, and other SmarterU workscreens that use the WYSIWYG editor. You can also use the WYSIWYG image editor to upload GIFs. 

The image editing toolbar displays when you click an image in your content. The toolbar enables you to rotate and flip your image, and provides access to other editing options. 

Diagrama, Linha do tempo  Descrição gerada automaticamente

Moving an Image

To move an image:

  1. Click the image.
  2. Drag and drop it to the desired location.

Rotating an Image

Rotating an image turns it 90° in the selected direction. 

To rotate an image to the left (i.e., counter-clockwise), click Ícone  Descrição gerada automaticamente.

To rotate an image to the right (i.e., clockwise, click Ícone  Descrição gerada automaticamente.

Flipping an Image

Flipping an image turns the image over so as to create a mirror image on the selected axis (i.e., vertical or horizontal). 

To flip an image vertically, click Desenho de uma pessoa  Descrição gerada automaticamente com confiança baixa on the image editing toolbar.

Par de sapatos de tênis  Descrição gerada automaticamente com confiança média

To flip an image horizontally, click Uma imagem contendo Ícone  Descrição gerada automaticamente on the image editing toolbar.

Uma imagem contendo no interior, mesa, foto, diferente  Descrição gerada automaticamente

Resizing an Image

If you need to resize your image significantly, we recommend resizing and cropping your image to the desired size prior to uploading it in order to reduce the file size. Refer to SmarterU File Uploads for image file specifications.

To resize an image proportionally: 

  1. Click on the image.
  2. Drag the image's anchor points (i.e., the squares displayed at the image's corners).

Tela de celular  Descrição gerada automaticamente com confiança média

If you do not want to keep the proportions of the image, or want to specify the exact dimension: 

  1. Click the image. The image editing toolbar displays. 
  2. Click Uma imagem contendo Texto  Descrição gerada automaticamente. The Insert/Edit Image window displays.
  3. Adjust the size of the image by entering the desired size in the Dimensions fields. 
  4. To resize the image proportionally, ensure that the Constrain Proportions checkbox is selected. Otherwise, uncheck the checkbox if you do not want to resize the image proportionally.
  5. Click OK.

Advanced Editing Options 

The Image Editing Toolbar's edit image button provides access to advanced editing functions. 

Interface gráfica do usuário, Aplicativo  Descrição gerada automaticamente 

From the Edit Image window you can crop, change the orientation, and adjust the image's brightness, contrast, and other features.

Tela de celular com publicação numa rede social  Descrição gerada automaticamente

Was this article helpful?