图片能让访客快速理解您的品牌、产品、作品与空间,但图片也最容易让网站看起来不专业:太大会导致上传失败、太小会模糊、没有描述会让搜索引擎与辅助工具无法识别。
Kanorio 的一般网站图片会在您编辑模块时上传和使用,目前没有独立的“媒体库”供您预先集中存放再挑选。换句话说,请先决定图片要放在哪个模块,再从该字段上传或选择素材。
图片字段会依模块不同而出现。例如页面主视觉、图文并排、图片画廊、商品展示、页首 Logo、网站小图标与页面分享图,都有各自的图片选择器。
在编辑器预览中点击模块,或从“排版”列表选择它。找到图片字段后,点击上传、选择图片或更换图片。若还没有适合的内容区块,可先从“模块”新增。
图片选择器通常提供“上传”、“图片网址”与“图库”三种来源。您可从电脑选档、粘贴可公开读取的图片网址,或从 Pexels、Pixabay 图库选图。选择后,等待加载完成,再确认预览是否正确。
若您看到裁剪工具,先调整可见范围,再完成裁剪;尚未完成裁剪时,不要急着离开设置面板。使用外部图片网址时,请确认您有使用权,且来源网站允许公开加载;对方移除图片、改变网址或限制存取时,您的网站也可能无法显示它。
支持 ALT 文字的字段,请在图片旁填写描述。ALT 文字不是给一般访客看的长篇文案,而是简短、具体地说明图片内容。
一般网站图片可上传 JPG、JPEG、PNG 与 WebP。单个文件最大为 10 MB。超过大小、空白文件或无法识别的文件会被拒绝。
一般网站图片不计入 PDF、音频与视频使用的媒体存储额度;但这不会取消图片本身的单张 10 MB 与格式限制。若您要上传或整理 PDF、音频、视频或数字商品文件,请阅读。
| 格式 | 适合情境 |
|---|---|
| JPG / JPEG | 相片、场地照、人物照和颜色层次多的图片。 |
| PNG | 需要透明背景的 Logo、图标或设计稿。 |
| WebP | 想使用网页友好、文件通常较精简的图片格式。 |
| HEIC / HEIF | iPhone 常见格式;选择后会在浏览器先转成兼容图片再上传。 |
HEIC 或 HEIF 不是服务器直接保存的格式。Kanorio 会先在您的浏览器中转换,再以上传兼容图片的方式处理。若转换失败,请在设备上导出成 JPG 后重试。
系统也会限制短时间内大量上传。目前一般图片上传的保护限制为每分钟 20 次;如果被暂时限制,请稍候一分钟后再试,不要连续重复点击。
ALT 文字(图片的替代文字)是一段描述图片的文字。当图片无法加载时,它能提供替代说明;使用屏幕阅读器的访客也会通过它理解图片。Google 等搜索引擎也会用它来辅助理解图片内容。
好的 ALT 文字描述“看得到的重点”,而不是重复塞入关键词。
| 不佳写法 | 较佳写法 |
|---|---|
| 咖啡、台北咖啡、咖啡店 | 台北咖啡工作室吧台上的手冲咖啡与浅焙豆 |
| 图片 | 皮件工作室展示深棕色手工托特包 |
| 我们最好的服务 | 顾问在会议桌旁向两位创始人说明品牌策略 |
装饰性图片不一定需要详细 ALT 文字;但产品、作品、人物、场地、流程和重要信息图,都应写清楚。
当您发布或更新网站时,系统会自动为缺少 ALT 的兼容图片补上描述。此功能永远启用,无需在设置中开启。系统会依模块文字与页面内容推导描述,不会覆盖您已手动填写的文字。
这能提供基本协助,但重要图片仍建议您手动确认与改写,因为系统无法知道您最希望访客理解哪个细节。
图片选择器提供 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,日后整理本地素材较容易。单个图片最大为 10 MB。请先缩小尺寸或用相片工具导出较适合网页的 JPG、PNG 或 WebP,再重新上传。不要反复上传同一个超大文件。
可能是原始图片分辨率太低、图片被放大超过原本尺寸,或裁剪后只剩很小的区域。改用更清楚的原图,并在预览中检查裁剪范围。
可以。选择器的"图片网址"分页可粘贴能公开读取的图片网址,系统会提醒您外部图片的风险。请只使用您有权使用的来源;不要把需要登录、会过期或不允许外部加载的网址贴进来。若图片是网站的重要素材,较建议上传您自己的文件,避免来源网站改址、移除或限制图片。
依序确认文件没有超过 10 MB、格式正确、网络连接稳定,且不是短时间内连续大量上传。若仍失败,改用 JPG 或 WebP 后重试,并记录错误信息供客服协助判断。
重要内容图片应该填写。纯装饰图片可不必写长描述,但不要让产品、作品、服务流程或包含重要文字的图片没有说明。
可以。依两个图库目前的授权条款,内容可免费用于商业网站,且通常不需要自行标注来源。不过,人物、商标、品牌或建筑物等可识别内容可能仍有额外权利限制;重要商业用途前请自行确认。
Kanorio 会尝试在浏览器转换 HEIC 或 HEIF。若设备或图片无法转换,请先在手机或电脑导出成 JPG,再重新上传。