图片与媒体素材
概述
图片能快速让访客理解您的品牌、产品、作品与空间，但图片也最容易让网站看起来不专业：太大上传失败、太小模糊、没有描述会让搜索引擎与辅助工具看不懂。
Kanorio 的一般网站图片会在您编辑模块时上传和使用，目前没有独立的“媒体库”让您先集中存放再挑选。换句话说，先决定图片要放在哪个模块，再从那个字段上传或选择素材。
图片要在哪里上传？
图片字段会依模块不同而出现。例如页面主视觉、图文并排、图片画廊、商品展示、页眉 Logo、网站小图标与页面分享图，都各有自己的图片选择器。
1. 打开要编辑的模块
在编辑器预览中点击模块，或从“版式”列表选择它。找到图片字段后，点击上传、选择图片或更换图片。若还没有适合的内容区块，可先从“模块”新增。
2. 选择图片来源
图片选择器通常提供“上传”、“图片网址”与“图库”三种来源。您可从电脑选文件、粘贴可公开读取的图片网址，或从 Pexels、Pixabay 图库选图。选择后，等待加载完成，再确认预览是否正确。
若您看到裁剪工具，先调整可见范围，再完成裁剪；尚未完成裁剪时，不要急着离开设置面板。使用外部图片网址时，请确认您有使用权，且来源网站允许公开加载；对方移除图片、改变网址或限制访问时，您的网站也可能无法显示它。
3. 填写图片描述
支持 ALT 文字的字段，请在图片旁填写描述。ALT 文字不是给一般访客看的长篇文案，而是简短、具体地说明图片内容。
支持格式与大小
一般网站图片可上传 JPG、JPEG、PNG 与 WebP。单一文件最大为 10 MB。超过大小、空白文件或无法识别的文件会被拒绝。
| 格式 | 适合场景 |
|---|---|
| JPG / JPEG | 相片、场地照、人物照和颜色层次多的图片。 |
| PNG | 需要透明背景的 Logo、图标或设计稿。 |
| WebP | 想使用网页友好、文件通常较精简的图片格式。 |
| HEIC / HEIF | iPhone 常见格式；选择后会在浏览器先转成兼容图片再上传。 |
HEIC 或 HEIF 不是服务器直接保存的格式。Kanorio 会先在您的浏览器中转换，再以上传兼容图片的方式处理。若转换失败，请在设备上导出成 JPG 后重试。
系统也会限制短时间内大量上传。目前一般图片上传的保护限制为每分钟 20 次；如果被暂时限制，请稍候一分钟后再试，不要连续重复点击。
图片 ALT 文字是什么？
ALT 文字（图片的替代文字）是一段描述图片的文字。当图片无法加载时，它能提供替代说明；使用屏幕阅读器的访客也会通过它理解图片。Google 等搜索引擎也会用它来辅助理解图片内容。
好的 ALT 文字描述“看得到的重点”，而不是重复塞入关键词。
| 不佳写法 | 较佳写法 |
|---|---|
| 咖啡、台北咖啡、咖啡店 | 台北咖啡工作室吧台上的手冲咖啡与浅焙豆 |
| 图片 | 皮件工作室展示深棕色手工托特包 |
| 我们最好的服务 | 顾问在会议桌旁向两位创始人说明品牌策略 |
装饰性图片不一定需要详细 ALT 文字；但产品、作品、人物、场地、流程和重要信息图，都应写清楚。
图片 ALT 自动填充
在编辑器的“设置”→“高级”中，您可以开启图片 ALT 文字自动填充。当您发布或更新网站时，系统会尝试为缺少 ALT 的兼容图片补上描述，不会覆盖您已手动填写的文字。这能提供基本帮助，但重要图片仍建议您手动确认与改写，因为系统无法知道您最希望访客理解哪个细节。
免费图库
图片选择器提供 Pexels 与 Pixabay 两个免费图库来源。当您尚未准备好自己的图片时，可用关键词搜索，再选择合适的照片加入模块。
Pexels 与 Pixabay 的使用授权
依 Pexels License 与 Pixabay Content License 的现行条款，两个图库的内容都可免费用于个人和商业网站，也可以依网站需要裁剪或修改。您不需要另外付费，也不必在公开网站上自行标注摄影师或图库来源。
Kanorio 会在选图界面显示图片来源与摄影师信息，方便您认识素材作者；若您愿意标注，仍是受欢迎的做法。
这些授权不是“任何用途都没有限制”。请勿将未经实质改作的图库图片当作独立素材销售或重新分发，也不要把图片本身当作商标、品牌标识或其他识别标记。
使用图库时，请选择能真实代表内容。餐厅、店面、产品、团队或作品若已有真实照片，优先使用真实素材，通常比通用图库更能建立信任。
图库图片仍可能包含可识别的人物、商标、品牌、建筑物或艺术作品。当图片会用于品牌核心视觉、广告、商品主图或其他敏感情境时，请先确认是否还需要模特儿、商标、肖像、财产或其他第三方权利的同意。Kanorio 与图库条款都不能取代您针对特定用途的授权判断。
图片质量与网站性能
Kanorio 使用 Cloudflare Images 存储和传输一般网站图片，让公开网站可以依使用情境获取较合适的图片版本。您仍应从源头选择清晰、构图合适的图片，因为系统无法把原本模糊的照片变成清晰专业照。
上传前可用以下原则：
- 横幅或封面选横向图片；竖直人物或作品选竖直图片。
- 不要把重要文字做在图片边缘，手机裁剪时可能看不到。
- 同一组作品集使用接近的比例与光线，画面会更一致。
- 不要为了文件小而压缩到马赛克；也不要上传远超过实际用途的大文件。
分享图与一般图片
当有人在 Facebook、LinkedIn、X 等平台分享您的页面时，会看到社交分享预览。这张图称为 OG 图（社交分享预览图），它不是一般模块图片。
请从“页面”中的 SEO 设置管理每页的分享图。若没有手动上传分享图且自动分享图功能开启，系统会依页面标题与品牌设置生成预览图。想深入了解 SEO，请阅读“完整 SEO 设置”。
视频与其他媒体
本篇主要说明一般网站图片。若要在网站上显示 YouTube、TikTok、Spotify、Apple Music、Podcast、表单或预约工具，请使用相对应的集成模块，而不是把视频文件当作图片上传。
小技巧
- 上传前先为文件名加上用途，例如
coffee-studio-bar.jpg，日后整理本地素材较容易。 - 重要图片先写 ALT 文字，再发布；不要等到 SEO 检查时才一次补齐。
- 更换图片后，在手机预览查看裁剪结果，尤其是封面与全屏大图。
- 图库照片只能当起点；有真实案例后，优先替换成自己的照片。
常见问题
单一图片最大为 10 MB。请先缩小尺寸或用照片工具导出较适合网页的 JPG、PNG 或 WebP，再重新上传。不要反复上传同一个超大文件。
可能是原始图片分辨率太低、图片被放大超过原本尺寸，或裁剪后只剩很小的区域。改用更清楚的原图，并在预览中检查裁剪范围。
可以。选择器的"图片网址"分页可粘贴可公开读取的图片网址，系统会提醒您外部图片的风险。请只使用您有权使用的来源；不要把需要登录、会过期或不允许外部加载的网址粘贴进来。若图片是网站的重要素材，较建议上传您自己的文件，避免来源网站改址、移除或限制图片。
依次确认文件没有超过 10 MB、格式正确、网络连接稳定，且不是短时间内连续大量上传。若仍失败，改用 JPG 或 WebP 后重试，并记录错误信息供客服协助判断。
重要内容图片应该填写。纯装饰图片可不必写长描述，但不要让产品、作品、服务流程或包含重要文字的图片没有说明。
可以。依两个图库目前的授权条款，内容可免费用于商业网站，且通常不需要自行标注来源。不过，人物、商标、品牌或建筑物等可识别内容可能仍有额外权利限制；重要商业用途前请自行确认。
Kanorio 会尝试在浏览器转换 HEIC 或 HEIF。若设备或图片无法转换，请先在手机或电脑导出成 JPG，再重新上传。