# Image references
<figure class="image image-style-align-right image_resized" style="width:50.47%;"><img style="aspect-ratio:880/553;" src="Image references_image.png" width="880" height="553"></figure>

Image references are an easy way to embed the preview of another note type into a <a class="reference-link" href="../../Text.md">Text</a> note.

## Supported note types

*   <a class="reference-link" href="../../Canvas.md">Canvas</a>
*   <a class="reference-link" href="../../Mermaid%20Diagrams.md">Mermaid Diagrams</a>
*   <a class="reference-link" href="../../Mind%20Map.md">Mind Map</a>

## Steps

1.  Go to one of the supported notes (listed above) and look for the ![](1_Image%20references_image.png) button in the <a class="reference-link" href="../../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md">Floating buttons</a> area.
2.  Go to a <a class="reference-link" href="../../Text.md">Text</a> note and use the Paste function to insert the reference to that note.

## Interaction

*   Double-clicking an image reference from a text note will automatically open the target note.
*   Clicking an image reference while <kbd>Ctrl</kbd> is pressed will open the target note in a new tab.
*   Modifying the target note should also update the image reference. If that doesn't happen, consider <a class="reference-link" href="../../../Troubleshooting/Refreshing%20the%20application.md">Refreshing the application</a>.