Add images, videos, and visual content to make your guides more engaging and easier to follow.
Adding images
Images are added directly in the content editor. You have two options:
Drag and drop
Simply drag an image file from your computer and drop it into the content area:
Drop image here
Release to upload
Use the toolbar
Click in the content area and use the image button in the formatting toolbar:
Your step content goes here…
Click the image icon to upload
Embedding videos
Paste a YouTube or Vimeo link directly into the content area, and it will automatically embed as a playable video:
How to Create Your First Guide
youtube.com
YouTube and Vimeo links are automatically converted to embedded players. Just paste the URL!
Supported formats
Best for photos
Great for photographs and images with many colors. Smaller file sizes with good quality.
Best for screenshots
Perfect for screenshots, graphics, and images with text. Supports transparency.
For animations
Use for short animations or screen recordings. Keep them brief for best performance.
Modern format
Modern format with excellent compression. Great balance of quality and file size.
Size recommendations
Images are automatically optimized for fast loading. Large images are resized while maintaining quality.
Best practices
Capture the actual screen, button, or interface element you’re describing. This reduces confusion and builds confidence.
Remove unnecessary parts of screenshots. Zooming in on the relevant area helps readers quickly find what matters.
Use arrows, circles, or highlights to draw attention to specific elements. Great tools for this:
Your guides are viewed on phones too. Make sure text in screenshots is large enough to read on smaller screens.
After adding images or videos, click the Save button to keep your changes.