Adding Images to Blog Posts

This is an example blog post showing different ways to add images.

Method 1: Images from Public Directory

Store your images in the public/blog/ directory and reference them like this:

Method 2: Images from Public Root

You can also use images from the root of the public directory:

Method 3: External Images

You can link to external images using full URLs:

Image Best Practices

1. Optimize images before uploading (use tools like TinyPNG or ImageOptim)
2. Use descriptive alt text for accessibility and SEO
3. Keep file sizes small (under 500KB when possible)
4. Use appropriate dimensions (1200px width is good for blog images)

Image with Caption

You can add context around images:

Here's our logo:

The Stunn AI logo represents innovation and precision.

Multiple Images

You can include multiple images in a post: