Bring your Milanote board to life with vibrant images! Whether you're uploading your own, selecting them from our Pexels-provided library or saving them through the web clipper, Milanote makes it easy to add, edit and caption your images.

How to add images to your Milanote board

Image Options

How to add images

There are four main options for adding images to your Milanote board:

  • Drag an image file directly onto your Milanote board

  • Use the "Add Image" button in the left-side toolbar to upload your image

  • Select an image from the in-app library provided by Pexels

  • Use the Milanote Web Clipper to save images from around the web directly to your board.

Drag an image file directly onto your Milanote board

This is the quickest way to get started with images - just select an image in one of our supported formats, and drag it right onto your Milanote board!

Animated image showing a user dragging an image from their computer onto their Milanote board.

Use the "Add Image" button in the left-side toolbar to upload your image

Click on the "Add Image" button to open Milanote's image menu. Click on "Upload your own", and then on "Upload an image" to select a file on your computer.

Still image showing the contents of the Add image menu, which can be found under the

Select an image from the in-app library provided by Pexels

If you'd like to use an image out of Milanote's in-app library, click on "Add image" in the left-side toolbar to open the Image menu, and enter a search term in the search field. This will bring up relevant images from the Pexels library...

Animated gif showing how to search the in-app Pexels library

...which you can then drag right onto your board:

Animted gif showing how to drag images out of the library and onto your board.

Use the Milanote Web Clipper

The web clipper lets you save images from around the web directly to your board (more on this here).

Image Options

Just like all Milanote card types, you can see the options for images by clicking on your image card once to select it, and looking to the left-side toolbar.

Animated gif illustrating how to drag an image by its lower right corner in order to resize it

There are eight main image options:

  • Resizing

  • Card color

  • Captions

  • Editing

  • Drawing

  • Locking in position

  • Adding reactions

  • Downloading the original

Resizing

You can resize any card by dragging its lower right corner in and out.

If you'd like to change the aspect ratio of your image, just hold down the Command key (for Mac OS) or the Control key (for Windows) while dragging the lower right corner.

Animated gif showing how to change the aspect ratio of an image when resizing it.

Card color

With your image selected, click on the "Color" button in the left-side toolbar. This will open up a menu with options for adding a color border on the top of your image.

Animated gif showing where to set a color border on an image card

Captions

You can toggle an image caption on or off by clicking on the "Caption" button in the left-side toolbar.

Animated gif showing how to access the options to toggle Milanote's image caption option on or off.

Edit Image

Milanote provides the option to crop or rotate images on your board. You can launch the image editing popup by either:

  • selecting and choosing "Edit image" out of the left-side toolbar

  • Double-clicking on the image, and selecting the "Crop/Rotate button.

Still image showing where to open the option to crop or rotate a Milanote image card

From this editing screen, you can rotate your image by clicking on the "Rotate left" button in the lower left corner:

Still image showing how to rotate an image in Milanote

And you can crop your image by dragging the dots in the cropping grid we've provided:

Animated gif showing how to crop an image in Milanote

Drawing on an image

You can add drawing and notations to your images as well! Just click the image once to select it, and click on the "Draw on top" button in the left-side toolbar.

Still image showing how to draw on an image in Milanote.

Add your drawings and notes, and once you click "Save", these will remain attached to the image on your board.

Add a reaction

Finally, you can also add a reaction to any image by selecting it and then clicking the "Add reaction" button in the left-side toolbar:

Still image showing where to add reaction emojis to a Milanote image

Lock your image in place

To lock your image in place, right-click on the card and look for the "Lock position" option. You can unlock it by right-clicking again, and selecting the "Unlock position" option.

Still image showing the right-click menu options on an image card in Milanote

Download your original image

You can download the original copy of your uploaded image by double-clicking on an image card to open its modal:

Still image showing the secondary buttons in Milanote's image card popup.

This modal contains a quick menu which provides shortcuts to:

  • Download the original copy of the image

  • Open the original copy of the image in a new tab

  • Draw on the image

  • Crop or rotate the image

Did this answer your question?