FARO Technologies

2D images can be a very useful addition when it comes to showing or highlighting specific aspects in your 360° image with more details.

<a href="https://help.holobuilder.com/en/articles/2441747-how-to-add-custom-2d-images-to-your-holobuilder-project-using-the-jobwalk-app">directly on site</a> with the JobWalk App or

remotely at the office with the Web Editor

- <a href="https://help.holobuilder.com/en/articles/2441747-how-to-add-custom-2d-images-to-your-holobuilder-project-using-the-jobwalk-app">directly on site</a> with the JobWalk App or
- remotely at the office with the Web Editor

Open your project in the HoloBuilder <a href="https://app.holobuilder.com/app/" rel="nofollow noopener noreferrer" target="_blank">Web Editor</a>.

Go to the action object menu of your project on the right-hand side.&nbsp;

Under Action Objects, either click on the "Show image" icon or drag and drop it onto the 360 image.

1. Open your project in the HoloBuilder <a href="https://app.holobuilder.com/app/" rel="nofollow noopener noreferrer" target="_blank">Web Editor</a>. 
2. Go to the action object menu of your project on the right-hand side. 
3. Under Action Objects, either click on the "Show image" icon or drag and drop it onto the 360 image.

Show Image menu in HoloBuilder Web Editor

3. A popup will open in which you can upload the image that you want to add.&nbsp;

SELECT FILE: Upload a file from your computer.

CHANGE SELECTED FILE: If you have chosen and uploaded a file from your computer, you can choose a different image from your computer to replace your initial selection.

- SELECT FILE: Upload a file from your computer.
- CHANGE SELECTED FILE: If you have chosen and uploaded a file from your computer, you can choose a different image from your computer to replace your initial selection.

4. Finish the upload by tapping on APPLY CHANGES.

5. Optional: Now you can move the icon to its destined position in the 360° image.

You can edit the 2D image even after you added the photo icon to the scene.

For that, you just have to click on the icon in the scene.

The Modify menu will open on the right hand side.

&nbsp;There, you have multiple features to adjust the icon.&nbsp;

1. For that, you just have to click on the icon in the scene.
2. The Modify menu will open on the right hand side. 
3.  There, you have multiple features to adjust the icon.

Adding a 2D image to 360 capture in HoloBuilder Web Editor

4. To change the 2D image, you have to click on the Action icon (link symbol).        Another menu will open. Press the Attach a file button.

Finalizing edits to 2D image in HoloBuilder Web Editor

6. A popup will open again. Press CHANGE SELECTED FILE and upload the new image.

7. To finish the change click on APPLY CHANGES. ​

To delete the 2D image completely click on the photo icon and press the Remove button in the Modify menu on the right-hand side. Click OK to delete the marker as well as the linked 2D image from the project.

Alternatively, right-click on the marker in the 360 scene and choose Delete from the context menu. Confirm deletion. ​

You can easily view your 2D images via the web editor or viewer. The panel on the right will show the menu item 2D photos. Click to open the 2D photo gallery of all photos included in this location as action objects as well as attached directly on the sheet. You can find a more elaborate tutorial about the photo gallery in <a href="https://help.holobuilder.com/en/articles/3632339-how-to-work-with-the-2d-photo-gallery-in-the-web-editor-viewer">this article</a>. ​

<a href="https://help.holobuilder.com/en/articles/2441747-how-to-add-custom-2d-images-to-your-holobuilder-project-using-the-jobwalk-app">How to add 2D images with the JobWalk App</a>

<a href="https://help.holobuilder.com/en/articles/2747055-working-with-action-objects-in-the-web-editor">How to work with the action objects in the Web Editor</a>

<a href="https://help.holobuilder.com/en/articles/2430173-how-to-modify-objects-in-the-web-editor">How to move, scale and rotate your objects</a>

- <a href="https://help.holobuilder.com/en/articles/2441747-how-to-add-custom-2d-images-to-your-holobuilder-project-using-the-jobwalk-app">How to add 2D images with the JobWalk App</a>
- <a href="https://help.holobuilder.com/en/articles/2747055-working-with-action-objects-in-the-web-editor">How to work with the action objects in the Web Editor</a>
- <a href="https://help.holobuilder.com/en/articles/2430173-how-to-modify-objects-in-the-web-editor">How to move, scale and rotate your objects</a>

Learn more about working with objects in the Web Editor

By inserting 2D images into scenes, you can give a more detailed view on specific aspects in the 360 image, e.g. as a close-up.

Add a 2D image in the Web Editor

Edit the 2D image

Deleting the 2D image

Viewing the 2D image

What might also interest you: