放大后在画面上拖动可调整取景位置;输出尺寸固定,缩放只影响裁进去的范围。
下表为本工具内置的常见平台推荐尺寸,选中预设会自动填入上面的宽高。
| 平台 / 用途 | 推荐尺寸 | 比例 | 备注 |
|---|---|---|---|
| 公众号首图 | 900 × 383 | 2.35:1 | 次条 200×200 |
| 小红书竖图 | 1080 × 1440 | 3:4 | 信息流最常见 |
| 抖音封面 | 1080 × 1440 | 3:4 | 竖版优先 |
| 微博配图 | 1200 × 675 | 16:9 | 单图最佳 |
| 知乎封面 | 1140 × 600 | 1.9:1 | 文章头图 |
| 头像 / 正方形 | 800 × 800 | 1:1 | 通用头像 |
| 朋友圈横图 | 1080 × 608 | 16:9 | 单张展示 |
| B 站封面 | 1120 × 630 | 16:9 | 稿件封面 |
| 视频号封面 | 1080 × 1230 | 约 9:10 | 竖版推荐 |
| 淘宝主图 | 800 × 800 | 1:1 | 正方形主图 |
| 横幅 Banner | 1920 × 600 | 3.2:1 | 网页头图 |
| 手机壁纸 | 1080 × 1920 | 9:16 | 竖屏满屏 |
⚠️ 使用提示:① 各平台的推荐尺寸会随时间调整,本表为常见经验值,请以平台后台最新提示为准;② 裁剪是按框切掉四周,不是压缩变形——原图太小会导致放大后模糊,建议原图不小于输出尺寸;③ 输出尺寸可在预设基础上手动改宽高,取景框会自动跟随新比例;④ WebP 在老旧软件里可能打不开,通用场景选 JPG;⑤ 图片在你本地处理,刷新即清空。
发公众号要 2.35:1、发小红书要 3:4、做抖音封面要 9:16——每次都要先算比例再裁,很烦。
① 12 组主流预设:公众号、小红书、抖音、微博、知乎、B 站、视频号、淘宝、朋友圈、壁纸等,点一下就填好尺寸;
② 拖动取景:画面里拖动即可调整保留哪一部分,缩放滑杆控制取景松紧;
③ 输出像素精确:裁出来的图就是平台要求的宽高,不会多一个像素;
④ 批量裁剪:一次拖十几张,用同一组尺寸统一处理并打包 ZIP;
⑤ 三种输出格式:JPG / PNG / WebP。
全程在你自己的浏览器里处理,图片不上传。
怎么实现:
① 取景框:按目标比例在预览画布上画一个框(框内是保留区域),图片按 `scale` 缩放后绘制;
② 拖动:`pointerdown / move` 改变偏移量,并做边界钳制保证框不超出图片;
③ 裁剪:把预览坐标换算回原图坐标,用 `drawImage(img, sx, sy, sw, sh, 0, 0, w, h)` 画到「输出宽 × 输出高」的新画布;
④ 导出:`toBlob` 按所选格式输出,批量时用 JSZip 打包。
它不做:不做拉伸变形、不做智能构图、不做画质增强(原图太小裁完就是会糊)。
审核通过后就会展示在留言板上,稍安勿躁~
还没有留言,来抢沙发吧!