Docs / Images
Adding images
Drag in, paste, or insert an image — how hosting works, and what to know before you share or email.
Pages need pictures. HTMLOL lets you add images three ways, hosts them for you, and keeps recent ones handy while you work.
Adding an image
- Drag it in — drop an image file straight onto the editor.
- Paste it — copy an image and paste with ⌘+V.
- Insert image — use the toolbar button to pick a file.
However you add it, HTMLOL uploads the image to its hosted storage and drops an <img> into your page pointing at the hosted URL — so the picture travels with your page when you share it.
Recent images
The panel keeps a list of images you've added this session, so you can reuse one without re-uploading. It's session only — it clears when you leave, but the images already placed in your page (and any you've shared) stay put.
Positioning & resizing
Once an image is in the page, select it in Live view to move or resize it. Drag a corner to scale — images keep their aspect ratio automatically, so they won't distort. See Visual editing.
Email clients need images at hosted, absolute URLs — exactly what HTMLOL uses. Still, run the compatibility checker: some clients block images until the reader clicks "show images," so keep important text as real text, not baked into a picture. And avoid SVGs in email — many clients drop them.