Industry News

Inline Image Component Test Post

InvoGuide Team 2 min read
Test hero image

This is a test post to verify the InlineImage component renders correctly in MDX blog posts without requiring manual import statements.

Full Size Image (Default)

Below is an image rendered at full content width (the default size):

Rental trends 2024 hero image displayed at full width

Some text after the full-size image to verify spacing is maintained.

Medium Size Image with Caption

Here is an image at medium size (75% width) with a caption:

Video embeds hero image at medium size
This image demonstrates the medium size option with a caption below it.

More content following the medium-sized captioned image.

Small Size Image

A smaller image (50% width) centered within the content:

Guidebook hero image rendered at small size

Text continues after the small image without any layout issues.

PNG Format Image

Testing the PNG format with a full-size image and a caption:

Default Open Graph image in PNG format
A PNG format image rendered at full width with a descriptive caption.

WebP Format without Caption

Another WebP image without a caption to verify it renders cleanly:

Trust landscape image without caption

Multiple Images in Sequence

The following images appear consecutively to test vertical spacing between instances:

First consecutive image at small size
First in a sequence of images.
Second consecutive image at medium size
Second in a sequence of images.
Third consecutive image at full size

Summary

This post includes 8 total InlineImage instances covering:

  • All three size options: small, medium, full
  • With and without captions
  • Multiple image formats: WebP and PNG
  • Consecutive image placement for spacing verification
  • No manual import statements used — the component is auto-imported