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
- Simplified Hero Images: Authors can now use direct sample image references or add custom images to
src/assets/images/blog/heroes/
- Consistent Optimization: Both hero and in-content images use the same
src/assets/
structure - Better Documentation: Clear guidance on where to place images and how to reference them
- 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.