图片能让访客迅速了解您的品牌、产品、作品与空间。在 Kanorio，您只需准备清晰的原始照片，系统会原封不动地保存您的原档，并在访客浏览网站时，自动根据电脑或手机屏幕提供最合适的尺寸与格式。
网站中的各个图片字段（例如页面主视觉、图文并排、图片画廊、商品展示图、页首 Logo 与页面分享图）均具备统一的图片选择器，提供四种来源：
点击图片字段旁的“⋯ → 从媒体库选择”，即可挑选该网站以往上传过的任何图片重复使用，不会复制新文件，也不会额外占用存储空间。有关详细的挑选、整批上传与“上传新版本”功能，请参阅。
尚未准备好自己的照片时，可从“图库”（已有图片时点“⋯ → 从图库选择”）搜索 Pexels 与 Pixabay 的免费商用照片。选中后系统会自动将照片转存至您的网站媒体库，搜索技巧与授权范围请见下方“免费商用图库”。
点击“链接”（已有图片时点“⋯ → 使用图片链接”），可粘贴 https:// 开头的公开图片网址：
Kanorio 采取“原档不改写”原则：您上传什么格式，系统就保存什么格式的原始文件，仅在访客浏览网页时于边缘节点即时转换为加载最快的格式（如 WebP 或 AVIF）。
| 支持格式 | 适用场景与系统处理方式 |
|---|---|
| JPG / JPEG | 照片、场地照、人物照与色彩层次丰富的图片。 |
| PNG | 需要透明背景的品牌标志（Logo）、图标或界面截图。 |
| WebP | 兼顾画质与文件大小的现代网页图片格式。 |
| GIF（含动图） | 动态演示图或短动画。上传时不会跳出裁剪框，公开网站会完整保留动态播放效果（媒体库缩略图则以静态预览）。 |
| SVG（矢量图） | 品牌标志、线条图标与插画。任何屏幕放大都不会模糊；系统上传时会自动执行安全清洗（移除潜在脚本），保障网站安全。 |
| HEIC / HEIF | iPhone 与 iPad 默认拍摄格式。可直接原文件上传并保存，访客浏览时系统会自动转为兼容图片显示；仅少数特殊规格（如 10-bit HEIC）会自动在您的浏览器转为高质量 JPG 后上传。 |
过去在网站放置图片时，最常遇到的困扰是“上传时裁了一次，放到网站或换成手机看时，人脸、商品或招牌却被切掉；或是电脑版适合宽扁的横幅，在手机上却显得太小，想重调还得重新上传”。
在 Kanorio，会依版面比例显示的图片字段（包含页面主视觉、图文并排、满版大图、图文小卡画廊、图文小卡轮播、多链接卡片）都会保留整张原图，不再要求您上传时先把图片裁小：
21:9 宽幅横幅，手机版改用 4:5 或 1:1），亦能点击“自定义”输入您需要的宽高比。未单独设置的设备会自动沿用默认比例。Shift 加方向键可一次移动 10%）。Shift 加方向键缩放大小）。若框选的范围太小、放大后可能影响画质，窗口会自动提醒您。分享图、商品图与头像怎么呈现？
- 所有上传入口一律保存原图：不论在页面模块、SEO 社交分享图、商品展示图、作者或推荐头像、品牌标志或网站图标（Favicon）上传图片，系统都不会要求您在上传时把图片裁小，让同一张原图可以在网站各处重复使用。
- 分享图片与商品展示图（默认自动判断，可手动切换“完整显示／填满”）：上传后系统会自动判断——白底、单色底或透明去背的产品图默认采用“完整显示”并自动补上相同底色，产品与文字不会被切到；一般实景照片则默认采用“填满”。若想手动调整，点击图片旁的“⋯ → 调整呈现方式”，即可在“完整显示”（可自定义补边颜色）与“填满”（可拖框框选露出区域）之间切换。
- 头像（圆形头像）：保存整张原图并套用 1:1 圆形遮罩，可随时从“⋯ → 调整焦点”微调圆形内露出的位置。
- 卡片设为“完整显示（不裁切）”时的智能衬底：在博客文章列表或商品列表卡片中，若您选择“完整显示（不裁切）”并放入正方形、直式或宽扁的图片，系统会自动判断图片四边的颜色 - 白底或单色底产品图会自动延伸相同底色与卡片融为一体（不会露出突兀的灰色边块）；透明去背图会直接呈现卡片原本的干净底色；四边不同色的实景照片则会自动以同色系柔和模糊光晕衬底。
ALT 文字（替代文字）是一段简短描述图片内容的文字。当网络不稳图片无法加载时，它能提供替代说明；视障访客的屏幕阅读器会朗读这段文字；Google 等搜索引擎亦会靠它理解图片主题。
请具体描述“画面上看得到的重点”，不要只填文件名或重复塞入关键词：
| 不佳写法 | 较佳写法 |
|---|---|
IMG_1234.jpg、产品图片_01 | 咖啡工作室吧台上的手冲咖啡与浅焙豆 |
| 咖啡、精品咖啡、手冲咖啡推荐 | 咖啡师使用细口壶冲煮单品咖啡的特写 |
| 我们最好的服务 | 顾问在会议桌旁向两位创始人说明品牌策略 |
如果您忘记填写 ALT 文字，在发布网站、发布文章或保存商品后，系统会在后台自动为空白的图片描述补上说明（不会覆盖您已手写的文字）。若想检查全站图片描述质量或批次交给 AI 改写，请参阅。
当您还在构思版面、尚未拍好实景照片时，可在图片选择器点击“图库”，直接搜索并套用免费照片：
依 Pexels License 与 Pixabay Content License 条款，两大图库的照片皆可免费用于个人与商业网站，不需另外付费，亦不强制在公开网页标注摄影师姓名（Kanorio 会在选图界面显示摄影师信息与来源链接，方便您查阅）。
使用时请留意三个界线：
当有人把您的网页链接贴到 LINE、Facebook、X（Twitter）或 LinkedIn 时，聊天室出现的预览缩略图称为“分享图（OG 图）”，它和页面模块里的图片是分开设置的。请在“SEO › 页面”或编辑器的页面设置中管理，完整说明请见。
brand-logo-dark.svg、studio-front-door.jpg），日后在媒体库搜索文件名会快很多。在页面主视觉、图文并排、卡片与多链接卡片等固定比例字段，Kanorio 会直接保存您的整张原图，并在选好图片后打开"调整焦点"窗口，让您点击要保留的画面重心（例如人脸或商品）。这样无论访客用电脑或手机浏览，都不会切掉重点，日后换版型亦不必重传图片。
可以。您可以直接选择 .heic 或 .heif 照片上传，系统会保存原档，并在访客浏览网站时自动转成所有手机与电脑都能看的格式。若遇到极少数无法识别的特殊编码，请先在手机相册或电脑导出为 JPG 再上传。
通常是因为原始图片本身的像素太小（例如从通讯软件转传被压缩过的图），放到满版封面时被放大所致。系统不会压坏您的原图，请换一张分辨率较高的原始照片，并在"调整焦点"确认露出的范围。