如何以精确像素尺寸导出图片
将图片放置在特定像素尺寸是日常任务,但大多数图片编辑器处理效果不佳。调整大小时画布会扩展,裁剪时失去构图控制。更简单的方法:将画布设置为所需的精确尺寸,放置图片,调整位置和缩放直到构图满意,然后导出。这正是 Tracelyx Canvas 所做的——完全在浏览器中,无需将文件上传到任何地方。
为什么精确像素尺寸很重要
大多数网络和数字平台都有特定的尺寸要求,以您无法控制的方式强制执行。电商店面在固定网格中显示商品图片——尺寸错误的图片会被拉伸、裁剪或添加白色填充,看起来都不专业。社交媒体平台强制执行宽高比,不符合的内容会被自动裁剪。
在上传前以正确尺寸准备图片可以防止所有这些问题。您掌控构图、背景和使用的精确像素区域。输出结果可预期。
常见平台的像素尺寸参考
电商商品图片:大多数平台要求正方形裁剪,通常为 700×700、800×800 或 1000×1000。OGP 图片(在社交媒体分享链接时显示的预览)应为 1200×630——Facebook、Twitter、LinkedIn 和大多数显示链接预览的消息应用的标准。Instagram 网格帖子最适合 1080×1080(1:1)或 1080×1350(4:5)。
YouTube 缩略图为 1280×720(16:9)。邮件头图 600px 宽是大多数邮件客户端的标准。博客文章首图通常为 1200×630 或 1200×900。画布预设按钮直接覆盖这些最常见的尺寸。
步骤:以精确尺寸导出
- 设置画布尺寸 — 点击预设或输入精确像素值。画布轮廓显示导出区域。
- 放置图片 — 拖放照片或点击选择。图片出现在画布中央。
- 调整位置和缩放 — 拖动以移动。拖动角部手柄以调整大小(按住 Shift 锁定比例)。
- 设置背景色 — 默认为橙色,便于发现未覆盖区域。导出前改为白色、黑色或品牌色。
- 需要时启用智能锐化 — 图片缩小超过 50% 时使用。从强度 60、半径 0.8 开始。
- 导出 — 选择 JPG、PNG 或 WebP,设置质量,点击导出。
智能锐化:恢复缩放后的清晰度
缩小图片会减少表示边缘的像素数。Canvas API 的插值在尖锐边界处会产生略微柔和的结果。智能锐化通过在导出渲染后应用反锐化蒙版来纠正这一点。
对于大多数电商商品照片,强度 50–70 和半径 0.5–0.8 是安全的起点。对于有精细纹理(布料、木纹、头发)的图片,将强度降至 30–40 以避免噪点放大。
您的图片留在您的设备上
Tracelyx Canvas 使用 HTML Canvas API 完全在浏览器内运行。图片被加载到浏览器内存,放置在虚拟画布上,渲染为输出文件——所有这些都没有任何网络请求。没有任何内容离开您的设备。这对于未发布商品的商品照片、NDA 下的客户图片和个人肖像尤为重要。
关闭浏览器标签页后,所有数据被丢弃。没有存储、登录或使用跟踪。该工具在设计上是无状态的——它没有服务器来发送您的数据。
开始以精确尺寸导出
在上传前以正确的像素尺寸准备图片,可以消除平台自动裁剪,确保一致的商品网格,使每件内容看起来都符合预期。Tracelyx Canvas 在您的浏览器中处理整个工作流——设置尺寸、放置图片、导出。无账号、无上传、无等待。
立即试用 Tracelyx Canvas →






