Image Kit

Your everyday image workflow, in one place: choose a size, place the image, add a caption, and get back to writing. Image Kit puts these controls beside Obsidian’s native image actions on desktop and mobile.

What you can do

• Apply Small, Medium, Large, Original, or an exact width.
• On mobile, drag either diagonal corner grip to preview a new size; tap Done or outside the image to save.
• Align left, center, or right, and wrap text around an image.
• Add and edit a plain-text caption without editing the link syntax.
• Choose Normal or Italic captions, combine Bold and Strikethrough, and adjust caption text size in settings.
• Reveal the attachment in the file explorer, copy it, or open it fullscreen.
• Reset size and alignment while keeping the caption.
• Remove an image from the note while keeping its attachment.

In Live Preview, Edit image appears before Obsidian’s Edit this block button. The native zoom and resize controls remain available. The desktop toolbar stays aligned to the note column; phones get a compact bottom panel and a slide-up caption editor with Save and Cancel above the text field. With Page Lock, locked images stay available to view while image editing is blocked.

Made for touch, too

Resize with the corner grips, choose an alignment, and tap Done. Captions open in a bottom sheet with Save and Cancel above the keyboard.

The complete image workflow

Use Image Kit on its own for individual image layout, or add its companions:

Each plugin works independently. Image Kit delegates fullscreen viewing to Fullscreen Image when enabled, or to Obsidian otherwise. Simple Gallery owns gallery editing.

Start using it

1. In Live Preview, click Edit image to open the layout menu. On mobile, tap it.
2. Choose a size and alignment. Use Caption to add or change the caption.
3. Select Done and continue writing.

Open image controls in settings defaults to Click only. Choose Hover or click for desktop mouse access: resting over Edit image for 350 ms opens the controls; clicking opens them immediately. In this mode, either opening method closes 700 ms after leaving the image, caption, native action strip, toolbar, and short connecting gaps. Returning cancels closing; a new exit starts a fresh delay. Empty space beside these elements does not keep controls open. Outside clicks still close immediately. Caption and width entry, pending changes, and the More menu stay open while you use them; hover dismissal resumes afterward. Escape or an outside click closes the controls. Desktop hover mode hides Done; click-only mode and mobile keep it. Opening settings closes image controls, and hover stays inactive while a modal is open. Mobile remains tap-only.

Caption appearance in Settings → Image Kit applies to all image captions in Live Preview and Reading view. Choose Caption font style (Normal or Italic), Bold captions, Strikethrough captions, and Caption font size (Default, Small, Medium, Large). Italic and Default preserve the existing appearance. These preferences do not rewrite your notes.

More actions includes file shortcuts, fullscreen viewing, Reset, and Remove image from note. Reading view keeps captions and alignment visible, with image editing controls hidden.

Your notes stay yours

Layout is saved in the image link:

![[photo.jpg|A little room to pause.|center|480]]

There is no separate layout database. Obsidian can still apply the width if Image Kit is removed; visible captions and alignment need a compatible plugin or renderer. The optional paste/drop handler keeps the original image bytes and is off by default, so your existing attachment workflow can continue. If the note, selection, or lock state changes while an attachment is being saved, insertion is canceled and any saved files are kept; a notice lists their paths.

Image Kit makes no telemetry requests. Remote image links follow Obsidian’s normal behavior. It does not convert, compress, crop, rotate, or annotate images.

Installation

Requires Obsidian 1.13 or newer, on desktop or mobile.

Download main.js, manifest.json, and styles.css from the latest release. Place them in <vault>/.obsidian/plugins/image-kit/, reload Obsidian, and enable Image Kit in Settings → Community plugins. Keep your existing data.json when updating.

For mobile, you can also add haivri/obsidian-image-kit through BRAT. Image Kit is not yet listed in Obsidian’s Community plugins directory.

Captions are plain text. Avoid numeric-only captions and standalone layout keywords such as center, which the image-link syntax interprets as size or alignment. Local attachments are the primary supported workflow; external images in Reading view and popout windows have limited support.

Screenshots and development

The showcase bootstrap provides the demo note and photo credits. See CONTRIBUTING.md for testing.

npm ci
npm test
npm run lint
npm run build
npm run publish:vault

Support

If Image Kit improves your workflow, you can support development on Buy Me a Coffee.

License

MIT. Demo photographs retain their own license and attribution.