Articles in this section

See more

How Do I Add Images to an Answer?

Jodie Baer
  • Updated

Images can be embedded to the Answer field of any Library or Project Entry from the text editor.

How Can I Add an Image to an Entry?

  1. Within the Entry's text editor, click on the Upload icon
    A_screenshot_of_an_Entry_s_edit_modal__with_the_Add_Image_button_indicated.png
  2. Click Browse and select the image
  3. Click Upload
Any in-line images will automatically be added as an Attachment to the Project Entry.
 

Can I Drag and Drop Images Into Loopio?

Yes, you can drag and drop images into Loopio.

Based on the Browser you are using to access Loopio, you will encounter different Drag and Drop capabilities:

A_table_demonstrating_drag_and_drop_image_additiona_functionality_for_different_web_browsers.png
 
The ability to drag and drop or copy and paste images AND text together is currently NOT supported for any browser, from either a Word document or online web page. Text and images need to be copied into Loopio separately.

Can I Adjust the Size of an Image?

Yes, there are two methods to adjust the size of an image in a Library or Project Entry.

Adjusting the Size of an Image Manually:

  1. Enter the Entry's edit mode by clicking the Blue Pencil Icon for Library Entries, or by clicking into the answer field for Project Entries
  2. Click on the image you want to resize
  3. Locate the square in the bottom right corner of the image and drag it left to make the image smaller, or right to make the image larger
    A_screenshot_of_an_Entry_with_an_image_selected_and_the_resize_image_paddle_indicated.png

Setting the Exact Size of an Image in Pixels

  1. Enter the Entry's edit mode by clicking the Blue Pencil Icon for Library Entries, or by clicking into the answer field for Project Entries
  2. Right-click on the image you want to resize
  3. Click Image Properties
    A_screenshot_of_an_Entry_s_edit_modal_with_the_right-click_menu_expanded_and_the_Cut_option_indicated.png
  4. Adjust the Width and Height of the image
    A_screenshot_of_an_Entry_s_edit_Image_Options_modal.png

The lock icon beside the Width and Height fields automatically forces the image to scale proportionally. Clicking the lock icon allows you to configure Width and Height independently of each other.

 

Tip: We suggest setting the image width no larger than 800px. This will keep the image from bleeding out when exporting the Project to a Word document. Additionally, you may need to adjust the image based on your export theme.

Related articles