PS_Site_Builder/dist/images

Images Directory

Place your images here following these naming conventions:

Section Images

Name images for sections using the pattern: {sectionId}{number}.{ext}

Examples:

• about1.webp - First image for About section
• about2.jpg - Second image for About section
• services1.webp - First image for Services section
• contact1.png - First image for Contact section

Blog Images

Name blog images any way you like, then reference them in the blog post front matter:

---
title: My Post
image: my-image-name
---

The build script will look for my-image-name.* in this directory.

Background Image

Name your background image: background.{ext}

Examples:

• background.jpg
• background.webp
• background.png

Image Tips

• Format: WebP recommended for smaller file sizes
• Size: Keep images reasonable (max 2000px width recommended)
• Quality: Optimize images before adding them
• Naming: Use lowercase with numbers (e.g., about1.webp not About1.WEBP)

Demo Images

For demo purposes, you can use placeholder images or add your own. The build will work even without images - sections will just show placeholder paths.