Image-related features

  • Block width allows you to control the width of image blocks in a note
  • Image grids allow for multi-column image layouts
  • Maximize media allows images to always fill the width of the line

Settings in Style Settings:

  • Image zoom allows you to click and hold an image to zoom in

Image filters

Image filters can be added to create the following effects. Use them by adding the filter name at the end of the image link, e.g. ![[image.jpeg#invert]]

Filter Description
#blend Blend image into background
#circle Crop image to a circle
#invert Invert images in dark mode — ideal for charts and handwriting on light backgrounds
#invertW Invert images in light mode — ideal for charts and handwriting on dark backgrounds
#outline Add outline around image

Hotkeys

Use Hotkeys to adjust images globally:

  • Toggle image grids globally
  • Cycle through image width options

Helper classes

Use Helper classes to control image grids on a note

Class Description
img-blend Sets all images to blend with background
img-grid Sets image layout to grid mode
img-100 Image blocks fill 100% of the pane width
img-max Image blocks fill the max line width
img-wide Image blocks fill the wide line width
Images
Interactive graph