Images

Files: .png .jpg .jpeg .gif .webp .svg .avif .ico.

Images render with the native browser viewer. Drop an image anywhere in your cabinet folder and it appears in the sidebar with a pink image icon.

Live example

This folder contains a sample PNG: cabinet-icon.png.

Embedded inline in this page:

And the JPG version: cabinet-icon.jpg.

Three ways to add images

In the editor, three paths all save the file next to the page:

1. Paste a copy-pasted screenshot from the clipboard — uploads and inserts automatically.
2. Drag & drop from Finder onto the editor.
3. Click the image icon or type /Image for the Upload or From URL tab.

Hover any image in the editor and drag the side handles to resize. The width persists as inline HTML on the markdown page.

Where they land on disk

Images live in the same folder as the page that holds them:

launches/2026-q3/
├── index.md
├── hero-screenshot.png      ← pasted into index.md
└── pricing-table.png        ← dragged in from Finder

No global media bucket. Move the page folder, the assets move with it.

What agents see

Agents on a vision-capable model (Claude Sonnet+, GPT-4o+, Gemini 2.5+) can read images you @-mention in a task prompt. Useful for screenshots ("annotate this onboarding flow") and for visual QA ("does this match our brand?").

prompt: |
  @file:launches/2026-q3/hero-screenshot.png
  Suggest three copy variations for this hero. Keep each ≤8 words.

SVGs are first-class

.svg files render inline with full vector quality and stay editable as text. An agent can edit an SVG by editing its source. That's a quiet superpower for diagrams that need fine-tuning.

Read on

• Markdown editor → Media & embeds — paste, drop, URL.
• Video & audio — for moving pictures and sound.