Testing Inline Images in Blog Posts

This post demonstrates the InlineImage component with various sizes and configurations.

Full Width Image (Default)

Here’s an image at full content width — no size prop needed since “full” is the default:

Text continues normally after the full-width image.

Medium Size with Caption

A 75% width image with a descriptive caption underneath:

Video embeds feature screenshot at medium size — The new video embed interface — paste a URL and it just works.

Small Size Image

A compact 50% width image, centered:

Guidebook preview at small size — A digital guidebook on mobile.

Multiple Images Together

Several images in sequence to test spacing:

OG default image — First image in the sequence.

Environmental background — Full-width environmental image to wrap things up.

Wrapping Up

That covers the different size options (small, medium, full), with and without captions, and various image formats (WebP, PNG). Everything should render with proper spacing and responsive sizing.