Add 2D images to a model

Feature availability

Interested in adding 2D images from other sources to your BioDigital Human model?

Our interactive 3D models provide a great deal of both visual and textual information (all of which can be customized in Human Studio, of course), but sometimes it's helpful to provide more context for the learner through photos, diagrams, body scans (e.g., MRI, X-ray, CT, ultrasound), or other 2D images.

With the image uploader feature in Human Studio, you can insert 2D images into the labels and/or chapter description in your 3D model.

 

Image upload requirements

Our image upload requirements are as follows:

  • One (1) image file per label
  • Accepted file types: .png, .jpg, .jpeg, .svg
  • Maximum file size per image: 15 MB

Tip: While there is no limit on images you can upload per chapter, we recommend limiting each chapter to 5 images to optimize your model's performance.

 

Add an image to a label

To add an image to a label in your 3D model:

  1. If you have not already, take the following steps to open your tour in Human Studio:
     
    1. In Explore or My Library, hover over the tour you want to edit and click the    more options icon.
    2. In the drop-down menu, select  Customize in Studio.
  2. Once in Studio, add a label to the model if one does not already exist.
  3. Select the label (or any label) by clicking on it or by selecting it in the Labels panel on the right.
  4. In the Labels panel under Content, drag and drop your image into the Image block or use the browse function to find your image in your File Explorer or Finder and select it.

    Note: Only one image can be added to each label.

    image_in_label_add_jan21.png
  5. Repeat step 3-4 as desired to add images to other labels.

    Tip: As a best practice, we recommend limiting each chapter to no more than 5 labels to minimize cognitive overload.

  6. Click Save in the upper-right corner of the page to save your changes.
  7. Publish your model or open it from My Library to see the image(s) you just added.

 

Add an image to a chapter description

To add one or more images to a chapter description in your 3D model:

  1. If you have not already, take the following steps to open your tour in Human Studio:
     
    1. In Explore or My Library, hover over the tour you want to edit and click the    more options icon.
    2. In the drop-down menu, select  Customize in Studio.
  2. Once in Studio, select a chapter from the Chapters panel on the left and click the Edit Info button to open the Content Manager window.
    studio_edit info_nov23.png
  3. Scroll down to the Images section of the Content Manager window and click the Add Image button.
  4. Drag and drop your image into the Image block or use the browse function to find your image in your File Explorer or Finder and select it.
    image_in_chapter_drag_jan21.png
  5. (Optional) If you need to delete or replace the image, click the X in the upper-right corner of the image thumbnail in the Image block and repeat step 4.
    image_in_chapter_replace_image_jan21.png
  6. (Optional) In the Caption field, add a caption that will appear beneath your image in the information panel.
  7. (Optional) In the Alt field, add alt text for use with screen readers.
  8. (Optional) Repeat step 3-7 as desired to add additional images to your chapter. These images will appear in a slideshow in the published model's information panel.
    image_in_chapter_slideshow_jan21.png
  9. (Optional) To add an image to another chapter in a tour, select the chapter in the Chapters panel and repeat steps 2-8 above.
  10. Click Save in the upper-right corner of the page to save your changes.
  11. Publish your model or open it from My Library to see the image(s) you just added.