Control how project thumbnails appear on your homepage — show multiple images or hide them entirely.

Advanced thumbnail options

By default, 4567 shows one thumbnail image for each project on your homepage. You can customize this behavior to show multiple thumbnails or hide them completely.

Available options

show_thumbnail — Show or hide thumbnails (default: true)
thumbnail_count — Number of thumbnails to display (default: 1)

Show multiple thumbnails

Want to preview more images on the homepage? Set a higher count:

---
title: "Visual Portfolio"
description: "A collection of design work"
show_thumbnail: true
thumbnail_count: 3
---

This shows the first 3 images from your project folder as thumbnails.

Hide thumbnails completely

For text-focused projects or when you want a cleaner look:

---
title: "Written Case Study"
description: "In-depth analysis and research"
show_thumbnail: false
---

The project still appears on your homepage, just without a preview image.

How thumbnails are selected

4567 uses these rules:

Looks for images in the project folder
Sorts alphabetically by filename
Takes the first N images (based on thumbnail_count)
Generates optimized thumbnails automatically

Thumbnail tips

Control order with naming:

Project/
├── 01-hero-image.jpg      # First thumbnail
├── 02-detail-shot.jpg     # Second thumbnail  
├── 03-mobile-view.jpg     # Third thumbnail
└── project.md

Mix approaches:

Use thumbnail_count: 4 for visual portfolios
Use thumbnail_count: 1 for case studies (default)
Use show_thumbnail: false for text-heavy content

Automatic thumbnail generation

4567 creates optimized thumbnails (320px wide) in a hidden .thumbnails folder. This keeps your original images untouched while ensuring fast page loads.

Thumbnail control