图片优化完整指南:尺寸、格式、ALT 与隐私
图片优化的目标不是单纯把文件变小,而是在清晰度、加载速度、可访问性、隐私和搜索可发现性之间取得平衡。发布前按固定顺序检查,可以减少模糊、裁切错误、个人信息泄露和页面加载过慢等问题,也能让搜索引擎和使用辅助技术的读者理解图片表达的内容。
先确定图片在页面中的用途
封面图需要在列表和分享卡片中仍能辨认,步骤截图需要保留界面文字,数据图表需要让读者看清坐标和单位,装饰图则不应抢走正文注意力。用途决定比例、尺寸和替代文本。不要先压缩再思考用途,否则往往需要反复导出。
按实际显示尺寸导出
先确认页面最大显示宽度和常见移动端尺寸,再准备一到两档清晰文件。把四千像素的原图直接放进只显示八百像素的区域通常没有必要。重要封面可保留较高分辨率作为分享预览,但正文截图应以文字清楚且文件不过大为准。裁切时检查人物、标题和关键操作是否仍完整。
选择与内容匹配的格式
照片通常适合 JPEG、WebP 或 AVIF;需要透明背景、像素级界面或简单图形时可使用 PNG;图标和可缩放图形适合经过安全处理的 SVG。新格式应保留兼容回退。导出后在真实浏览器中比较,而不是只看编辑软件里的预览。
编写有意义的 ALT 文本
ALT 应说明图片在当前上下文中提供的信息。功能按钮描述动作,简单照片描述与正文有关的主体,复杂图表应在正文另附主要趋势和数据表,纯装饰图片使用空 ALT。不要把关键词列表塞进 ALT,也不要机械写“图片:”。可以参考 W3C 的决策树逐项判断。
清除不需要公开的信息
检查照片中的地址、车牌、证件、屏幕通知和他人面孔;截图中遮盖账号、邮箱、订单号和访问令牌。必要时移除定位等元数据,但不要假设所有平台都会自动处理。发布到视觉创作与 iSee 家族前,可以让另一位成员按清单复核。
最后在移动网络和小屏幕上打开页面,确认图片能够加载、文字可读、比例不跳动,并检查分享预览。将这些步骤保存成固定流程,比每次临时压缩更可靠,也更容易形成稳定的视觉内容质量。
Referensi