# Documentation Assets

This directory contains images and visual assets for the documentation site.

## Required Assets

### Logo and Favicon

- `logo.png` - Site logo (recommended: 128x128px, transparent background)
- `favicon.png` - Browser favicon (recommended: 32x32px or 64x64px)

You can create these assets using:
1. Project branding guidelines
2. n8n logo + MCP protocol icon combination
3. Custom design tools (Figma, Canva, etc.)

For now, placeholder text will be used until proper assets are created.

## Screenshots and Diagrams

Additional subdirectories for documentation content:

- `screenshots/` - Installation steps, UI examples
- `diagrams/` - Architecture diagrams, workflow examples
- `icons/` - Custom icons for features

## Image Optimization

All images should be optimized for web:
- PNG: Use `pngquant` or `optipng`
- JPG: Use `jpegoptim`
- Convert to WebP for better performance

Example:
```bash
# Optimize PNG
pngquant --quality=80-90 logo.png

# Create WebP version
cwebp -q 80 logo.png -o logo.webp
```