Supernotes cards support jpg, png and gif images. During edit mode, images are represented by their file path in Markdown. The exclamation mark at the start denotes that this is an image:

![Name of Image]( 

There's a few different ways you can add an image while editing a card:

Pasting an Image

Just copy any image (jpg, png or gif) and paste it into a card. The image will automatically upload and generate a markdown image link.

Drag and Drop an Image

While editing a card, drag and drop an image at the location you'd like to insert it in the card body. Once you drop it in, the image will upload and generate a markdown image link.

Using the Image Coupler

While in card edit mode, use open the Universal Coupler by either clicking the ( + ) in the top right or using the / or \ keybinding; then select "Image". From here you can drag & drop, paste or browse for image (jpg, png and even gifs). Once your image has finished uploading, it will be inserted into your card formatted in the Markdown language.

When you finish your card, the image will be shown like the cute cat example below:

You may add an image by just using a link to external url, but do this at your own risk as there is no guarantee that the link is secure / will be there indefinitely (unless it's yours!)

Change Image Size [Depreciated]

This feature has been depreciated in Supernotes 1.8, and will no longer function.

If you want to change the size of your rendered image you can append the modified dimensions =WIDTHxHEIGHT  at the end of the Markdown code like the following:

![Name of Image]( =100x200) 

 In this example the image have a width of 100px and a height of 200px.

Did this answer your question?