ClipView

图片裁剪与电影变形宽银幕风格黑边合成工具，纯浏览器端运行，无需安装。

功能

• 裁剪 — 5 种预设比例（2.35:1 / 16:9 / 4:3 / 1:1 / 2.39:1）+ 自定义宽高比
• 黑边合成 — 可选开关，支持 16:9 和 4:3 两种输出比例，关闭则直接导出裁剪原图
• 字幕叠加 — 兼容组合下在黑边区居中显示自定义文字，字号随分辨率等比缩放
  • 16:9 黑边 + 2.35:1 / 2.39:1 裁切
  • 4:3 黑边 + 16:9 裁切
• 实时预览 — 右侧同步显示最终输出效果
• 旋转翻转 — 90° 旋转、水平/垂直翻转，一键重置
• 多方式上传 — 点击选择、拖拽文件、Ctrl+V 粘贴截图
• 导出 — JPEG / PNG / WebP 格式可选，质量滑块可调
• 主题切换 — 亮色/暗色模式，偏好自动保存
• 移动端适配 — 响应式布局

使用

在线使用：访问 https://clipview.pages.dev/ 本地使用：打开 index.html

1. 上传图片（拖入 / 点击 / Ctrl+V 粘贴）
2. 选择裁切比例，拖动裁剪框调整区域
3. 开启「添加黑边」，选择输出比例（16:9 / 4:3）；或关闭黑边直接导出原比例图
4. 若兼容，输入字幕文字，自动呈现在下方黑边区
5. 选择导出格式与质量，点击下载

兼容组合速查

黑边比例	可加字幕的裁切比例
16:9	2.35:1, 2.39:1
4:3	16:9

注意事项

1. 所有图片处理均在浏览器本地完成，不会上传至服务器，保障隐私
2. 部分浏览器（如旧版 Safari）对 WebP 导出支持有限，建议优先选择 PNG/JPEG
3. 粘贴截图功能仅支持部分浏览器（Chrome/Edge/Firefox 主流版本）

常见问题 (FAQ)

Q: 裁剪后的图片导出模糊？ A: 请确保上传原图，导出时将质量滑块调至 90+（尤其 JPEG 格式）。

Q: 字幕无法显示？ A: 仅支持「16:9 黑边+2.35/2.39:1 裁切」「4:3 黑边+16:9 裁切」两种组合，其他比例下字幕功能自动禁用。

技术栈

纯静态页面，依赖 Cropper.js (CDN)，所有处理在浏览器 Canvas 完成。

License

MIT © 2025 YouFull