Images Directory

Place your blog post images in this directory.

  • PNG for screenshots and graphics with transparency
  • JPG for photos and images without transparency
  • SVG for vector graphics and icons

Image Optimization Tips

  • Compress images before uploading to keep your site fast
  • Use descriptive filenames (e.g., react-component-structure.png)
  • Consider using WebP format for better compression

Usage in Blog Posts

Reference images in your markdown like this:

![Alt text](/assets/images/your-image.png)

Or with additional styling:

![Alt text](/assets/images/your-image.png){: .center-image}