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, open your model in Human Studio.
  2. 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 (1) image can be added to each label.

    labels_image block_apr24.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, open your model in Human Studio.
  2. Select a chapter from the Chapters panel on the left and click the Edit Info button to open the Content Manager window.
    chapters_edit info_apr24.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.
    chapter description_image block_apr24.png
  5. (Optional) In the Caption field, add a caption that will appear beneath your image in the information panel.
  6. (Optional) In the Alt field, add alt text for use with screen readers.
  7. (Optional) Repeat step 3-7 as desired to add additional images to your chapter.

    Note: These images will appear in a slideshow in the published model's information panel, as shown below.
    chapter description_multiple images_apr24.png

  8. (Optional) To add an image to another chapter in a tour, select the chapter in the Chapters panel and repeat steps 2-7 above.
  9. Click Save in the upper-right corner of the page to save your changes.
  10. Publish your model or open it from My Library to see the image(s) you just added.

 

Learn more

To learn how to add other types of media to your 3D model, see the following articles: