---
title: "Image"
slug: "image"
updated: 2026-10-20T19:33:08Z
published: 2026-10-20T19:33:08Z
canonical: "docs.blackthorn.io/image"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Image

Page Designer

The **Image** component displays a static image. Use it for sponsor logos, event photos, speaker headshots, venue shots, or any custom graphic on the page.

### Settings

- **Image URL**: source of the image (upload from Asset Library or paste a URL)
- **Alt Text**: accessibility description (required for the Accessibility Scan to pass)
- **Width / Height / Width Mode**: display dimensions and responsive behavior
- **Image Fit**: cover, contain, fill, or none
- **Image Position**: focal point (center, top, left, etc.)
- **Corner Radius**: rounds image edges
- **Opacity**: adjusts transparency
- **3D Effect**: adds a depth tilt effect on hover
- Background Color, Transparent Background

💡Always fill in **Alt Text**. The Accessibility Scan flags images without it, and screen reader users rely on it to understand image content.