Testing the New Image System

Published: July 7, 2025

This is a test blog post demonstrating the improved image system for authors.

Hero Image Test

This post uses heroImage: "sampleImg1" in the frontmatter, which directly references a sample image without needing complex mapping.

In-Content Image Test

Here’s an in-content image using the OptimizedImage component:

Benefits of the New System

1. Simplified Hero Images: Authors can now use direct sample image references or add custom images to src/assets/images/blog/heroes/
2. Consistent Optimization: Both hero and in-content images use the same src/assets/ structure
3. Better Documentation: Clear guidance on where to place images and how to reference them
4. Backward Compatibility: Existing blog posts continue to work with legacy mappings

For Authors

The new system makes it much easier to add images:

• Hero Images: Use sample image keys directly or add custom images to heroes/ folder
• In-Content Images: Add custom images to sample/ folder and update the component
• All Images: Benefit from automatic optimization, responsive sizing, and WebP conversion

This streamlined approach removes the confusing mapping system while maintaining full optimization capabilities.