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

# 在superun中使用图片

> 在superun中添加/图像替换的四种方式 - 聊天上传,可编辑设计,外部URL和公共资产.

有四种常见方法可以将图像添加到项目中:

## 1.上传图片到提示聊天

直接在聊天中上传并指定位置和大小. superun 将插入它并设置其样式.

## 2. 将其替换为可编辑设计

1. 打开可编辑设计（顶部导航栏中的调色板图标）
2. 选择要替换的图像占位符
   3.选择新图片完成替换

## 3. 使用外部图像 URL

引用外部托管的图像（Note意许可证）,例如:

```
Use the image from this URL https://example.com/hero.png for the hero section image.
```

## 4. 使用 GitHub 公共目录中的图像

将图像放置在 repo `public/` 目录下并通过路径引用,例如:

```
Use image from my repo: public/brand/hero.jpg
```

> 对于大图像,优化大小和尺寸以避免加载和预览速度减慢.

***

<Card title="superun 网站" icon="globe" href="https://superun.com/web" horizontal>
  了解更多产品功能和示例.
</Card>