# Cover Images and Assets FolderWeb automatically detects and uses cover images for social sharing and list views. ## How Cover Images Work Place an image named `cover.jpg`, `cover.png`, or `cover.webp` in your content folder and it's automatically: - Used as the Open Graph image for social media - Displayed in list views (when using templates that support it) - Available at the same URL as your content ## Supported Formats - `cover.jpg` or `cover.jpeg` - `cover.png` - `cover.webp` - `cover.gif` The system checks for these in order and uses the first one found. ## Other Assets Any file in your content folder is accessible at the same URL path: - Images: `photo.jpg`, `diagram.png` - Documents: `download.pdf`, `report.docx` - Data: `data.json`, `spreadsheet.csv` Just reference them in your markdown: ```markdown ![Diagram](diagram.png) [Download PDF](report.pdf) ``` ## This Folder This folder includes a simple SVG as the cover image. Check the folder structure to see how it's organized.