文本拆分

0/10000

行合并

0/10000

文本拆比

0/10000
0/10000

文本去重

0/10000

去空行

0/10000

去空格

0/10000

段落加空行

0/10000

句子自动换行

0/10000

英文大小写

0/500

文本对比

0/10000
0/10000

文本排序

0/10000

中英混排

0/10000

标点转换

0/10000

数字转大写

0/500

生成字符

生成内容将显示在此处，每条一行

日期生成

生成内容将显示在此处，每条一行

名字生成

生成内容将显示在此处，每条一行

邮箱生成

生成内容将显示在此处，每条一行

文件名生成

生成内容将显示在此处，每条一行

SEO 收录检测

简繁转换

0/10000

符号字符

时间戳转换

当前时间戳

0
0

时间戳 - 日期

日期： -
GMT： -
ISO： -

日期 - 时间戳

-
-

JSON 格式化

0/10000

二维码生成

色值转换

HSB
RGB
HSL
HEX

图片压缩

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，每张最大 5MB；

图片转格式

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大文件 5MB

图片转 Base64

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大文件 5MB

Base64 转图片

0/500000

PDF 压缩

点击选择 / 拖动文件上传
仅支持 pdf 格式，单次最大文件 100MB；

PDF 转图片

点击选择 / 拖动文件上传
仅支持 pdf 格式，单次最大文件 200MB

PDF 翻译

点击选择 / 拖动文件上传
仅支持 pdf 格式，单文件最大 200MB

PPT 压缩

点击选择 / 拖动文件上传
仅支持 ppt、pptx、ppsx 格式，单次最大文件 100MB；

PPT 转 PDF

点击选择 / 拖动文件上传
仅支持 ppt、pps、pptx 格式，单文件最大 100MB

图片裁剪

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

图片分割

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB

图片加水印

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

图片镜像

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

图片旋转

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

图片打码

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

图片模糊

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

图片去水印

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

拼长图（横版）

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

拼长图（竖版）

点击选择 / 拖动文件上传
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大文件 5MB；

视频压缩

点击选择 / 拖动文件上传
仅支持 mp4, webm, mov, wmv, mkv, avi 格式，最大文件 25MB；
像素

视频转格式

点击选择 / 拖动文件上传
仅支持 mp4, webm, mov, wmv, mkv, avi 格式，最大 25MB

提取关键帧

点击选择 / 拖动文件上传
仅支持 mp4, webm, mov, wmv, mkv, avi 格式，最大文件 25MB；

音视频分离

点击选择 / 拖动文件上传
支持 mp4、webm、mov、wmv、mkv、avi；单文件最大 100MB，最长 15 分钟；

证件照换底

点击选择 / 拖动上传证件照
仅支持 jpg、jpeg、png、webp、heic、heif 格式，最大 5MB；

字符统计

0/10000

关键字检索

0/20000

加载中…

关于我们

Sanye Hub致力于提供轻量、稳定、易用的在线工具，覆盖文本处理、编程辅助与图片处理等常见工作场景。

我们坚持“打开即用、纯前端优先、尽量本地处理”的原则，降低使用门槛，提升效率。

我们关注

1) 体验统一：颜色、字号、组件、交互保持一致；

2) 隐私安全：多数工具在浏览器本地处理，联网功能（如 PDF 翻译）在隐私政策中单独说明；

3) 合规透明：开源组件与第三方数据许可见用户协议；

4) 长期维护：持续优化功能与兼容性。

隐私政策

我们重视用户隐私。本站多数工具在您的浏览器内完成处理，您输入或上传的文件默认不由本站服务器接收或长期存储。

信息收集与用途

为保障服务稳定，可能记录必要访问日志（如访问时间、页面路径、设备类型、IP 等），仅用于运维、统计与安全审计，不用于识别工具内正文内容。

本地与联网处理

本地处理：文本处理、图片编辑、多数 PDF/视频工具在浏览器内完成，数据留在本机。

可能联网的情形：从 CDN 加载开源脚本；PDF 翻译译中文稿时按需加载开源字体文件（思源黑体，SIL OFL-1.1，非页面 UI 字体）；站点访问统计（仅页面路径等设备信息）；PDF 翻译可能调用浏览器翻译能力，或将待译文本片段发送至第三方翻译接口（如 MyMemory）；SEO 收录检测仅在您主动点击后打开各搜索引擎页面，本站不代为抓取第三方网站。页面界面文字使用浏览器默认无衬线泛族（ui-sans-serif, system-ui, sans-serif），不引入 UI 用网络字体。

Cookie 与本地存储

本站可能使用 Cookie / LocalStorage / SessionStorage 保存必要状态、偏好及对联网功能的确认记录，您可在浏览器中随时清除。

第三方服务

使用联网功能时，第三方对其服务的收集与使用受其自身隐私政策约束。请勿将涉密、未公开或他人享有权利且您无权处理的材料用于翻译等联网工具。

您的权利

您可在浏览器中清除 Cookie 与本地存储；若对访问日志有疑问，可通过「联系我们」与我们沟通。

用户协议

您访问或使用本站，即视为已阅读并同意本协议。

服务说明

本站提供在线工具服务，具体功能以页面展示为准。我们有权在不另行通知的情况下进行维护、升级或调整。

行为规范

用户不得利用本站从事违法违规行为，不得干扰服务正常运行，不得未经授权抓取或镜像用于商业用途。

用户内容与知识产权

您应保证对上传、输入或通过本站处理的材料享有合法权利或已获授权。因您上传侵权、涉密或违法内容引发的纠纷由您自行承担；本站不对用户上传内容主张权利，亦不对其合法性作担保。

本站页面文案、界面设计与原创趣味内容（如首页短句）归本站或权利人所有；开源组件、图标与数据文件按各自许可使用，详见下文。

商标声明

本站提及的第三方产品、服务或商标（如 PDF、Chrome、各搜索引擎名称等）均归其各自权利人所有；本站与上述主体无隶属或赞助关系，仅作功能说明之用。

责任边界

因网络、设备、浏览器差异等因素造成的中断或误差，本站在法律允许范围内不承担无限责任。

免责声明

本站工具处理结果仅供参考，不构成任何法律、财务、医疗或其他专业建议；机器翻译、格式转换等结果可能存在差错，重要文件请人工核对。

用户应自行判断并承担使用结果所产生的风险与后果，重要数据请务必自行备份。

对因不可抗力、网络故障、设备问题或第三方服务异常导致的损失，本站不承担由此产生的间接责任。

开源与第三方许可

本网站基于开源组件与公开数据构建，遵循相应许可义务。主要组件许可摘要如下（完整清单见项目内 THIRD_PARTY_LICENSES.md）：

  • pdf.js（PDF 解析/转图/压缩）：Apache-2.0
  • pdf-lib、fontkit（PDF 生成/嵌入字体）：MIT
  • JSZip（批量打包）：MIT（本项目不选用 GPL-3.0 路径）
  • ffmpeg.wasm（视频处理封装）：MIT；底层 FFmpeg 为 LGPL/GPL，分发时请遵守相应义务
  • flatpickr、qrcode、CodeMirror、omggif、heic2any 等：MIT
  • 思源黑体 Source Han Sans（PDF 译中文嵌入，自 CDN 加载）：SIL OFL-1.1
  • Remix Icon（Icon/ 线稿图标）：Apache-2.0
  • OpenCC 数据（dictionary/ 简繁表）：Apache-2.0

联网第三方服务（非开源，如 MyMemory 翻译）的使用受其服务条款约束，详见隐私政策。

如有新增或变更，将随版本在本协议与许可清单中同步更新。

设置

调整首页大标题「Sanye Hub」的文字颜色，以及首页背景图与视频的不透明度、叠在背景上的遮罩颜色与透明度；设置保存在本机浏览器中。

首页「Sanye Hub」标题

首页氛围

组件库

下列色块、字阶与控件均为线上真实类名与设计令牌的可视化示意；「复制片段 / 复制本节速查」与 script-core.js 内 DESIGNLIB_SNIPPETS 一一对应。具体契约仍以 style.css、components.css 及业务页源码为准。

色彩令牌

品牌、正文层级、边框与表面、状态色；含关键字高亮与文本对比场景色（背景即变量当前值）。

--color-brand-mint
--color-brand-teal
--color-primary
--color-primary-hover
--color-text
--color-text-secondary
--color-text-tertiary
--color-text-placeholder
--color-border
--color-border-light
--color-border-strong
--color-bg
--color-bg-hover
--color-surface-raised
--color-bg-active
--keywordsearch-mark-bg
--textcompare-diff-bg
--textcompare-diff-bg-linked
--textcompare-diff-ring
diff 字色
--textcompare-diff-text
--color-error
--color-success
--color-warning
--color-result-copy-bg
--color-result-copy
--color-media-black
--color-overlay
--color-toast-bg
--color-focus-ring（示意描边）
Aa 反白
--color-text-inverse on --color-primary
顶栏铺色 --topbar-bg · --topbar-link · --topbar-link-active

字体与字阶

正文 --font-family-sans（浏览器默认无衬线泛族）；代码示意用 --font-family-mono。全站不写具名字体、不引入 UI 用网络字体。

--font-size-xs 12px Aa 中文 012
--font-size-sm 14px Aa 中文 012
--font-size-body 16px Aa 中文 012
--font-size-lg 18px Aa 中文 012
--font-size-xl 20px Aa 中文 012
--font-size-xxl 32px Aa 中文
--font-size-card 13px 卡片/副文 Aa 中文 012
--font-size-h1-mobile 24px 页内主标题级
行高 body 1.5：多行正文舒适区。 heading 1.25：标题略紧。 card 1.45：卡片说明。
字重 body 400 medium 500 heading 600 strong 700
等宽 const x = [0x1f, 0x600];

间距刻度

竖条高度固定，宽度对应 --spacing-*。

xs 4
sm 8
md 12
lg 16
xl 20
xxl 24
xxxl 30
huge 40
card-grid

圆角与阴影

与工具卡片、弹层一致的形态变量。

--radius-sm
--radius-md
--radius-lg
--shadow-lg

版心与栅格

中间内容列上限由 --home-content-max 控制（默认 912px；≥1920px 为 1200px；≥2560px 为 1440px），与顶栏中间菜单列 --layout-max-width 同源对齐；窄屏由 calc(100vw - 2 * var(--grid-side-padding)) 限宽防溢出。

示意条宽度：min(var(--layout-max-width), calc(100vw - 2 * var(--grid-side-padding)))，与当前视口下全站版心一致。

常用组件

每项右侧「复制片段」可复制 HTML / 说明文本，便于你与 AI 对话时直接粘贴；令牌仍以 style.css 为准。

首页工具卡片 · .c-home-tool-card

置于浅灰裁切槽上，与首页卡片区同源 Office 变量（--home-office-*）。

功能页标题 · .c-tool-page-title + .info-icon

教程入口需 tabindex、aria-haspopup="dialog" 与 script-core 弹窗逻辑。

示例工具

顶栏下合规条 · .c-tool-legal-bar

全宽淡底、中间栏文案；敏感工具页由 syncToolLegalNotice 写入 #toolLegalNoticeText。

图片预览 · .c-tool-image-preview

示意 --frame-pad：图片等比顶满内区，外槽至图片仅 12px（--tool-image-preview-pad），高度随图。业务页由 layoutToolImagePreview 驱动。

上传拖放区 · .upload-dropzone

静态示意，不含文件选择逻辑。

点击选择 / 拖动文件上传
示意：与图片 / PDF / 视频工具共用此外壳

上传进度 · .c-upload-progress

静态示意（62%）；业务页由 script-features.js 的 cUploadProgressSet 驱动。用于：拖放区内联 --inline 或叠在拖放区上的 --overlay。

读取 example.jpg…

线稿图标 · .c-line-icon

38 个 mask 类 + clipboard-line（仅 img）；默认 currentColor，勿对 close-line / information-line 使用 <img>。去重排序仍用 <img> + --icon-theme-filter（见下方排序钮示意）。

--arrow-drop-down-line --arrow-drop-up-line --arrow-left-s-line --arrow-right-line --arrow-right-s-line --calendar-check-line --chat-search-line --checkbox-blank-circle-line --checkbox-blank-line --checkbox-line --chevron-down --chevron-down-disabled --circle-fill --close-line --collapse-diagonal-fill --crop-line --download-line --expand-diagonal-s-line --external-link-line --file-copy-line --heart-add-2-line --information-line --layout-grid-line --link-m --list-check --order-play-line --radio-button-line --refresh-line --search-line --share-line --sip-line --sort-asc --sort-desc --t-box-line --time-line --upload-line --zoom-in-line --zoom-out-line clipboard-line (img)

按钮 · .btn

带线标（`.btn-lead-icon` + `.c-line-icon--*`）：

分段 · .chip

单行输入 · .input-label + .text-input

多行输入 + 字符计数 · textarea.c-text-input + .char-counter

0/10000

下拉组件（统一）· components.css

全站一体框 / 下拉与 #imgwatermark-page 同源，见 components.css「工具栏 / 一体框表单控件」。 令牌：--imgcompress-combo-label-value-gap（24px）、--imgcompress-select-value-chevron-gap（8px）、 --c-outline-field-label-*、--c-outline-field-combo-text-width（280px）。 页末 initAllImgcompressSelectDropdowns 增强；预设色勿包 .c-imgcompress-select-dropdown。

① 仅下拉（工具栏）

② 两端对齐一体框（标签 + 下拉，宽随文案）

③ label.videocompress-combo--select（图片分割等）

④ 一体框文本（定宽 280px，与加水印「水印文字」同源）

⑤ 预设色一体框（勿包 .c-imgcompress-select-dropdown）

⑦ 定宽列一体框（拆比弹窗 · .c-outline-field--combo-fill）

⑧ 禁用态（未上传图片时，整框 :has(:disabled) muted）

下拉（下划线）· .dategen-select + .chargen-underline-wrap

日期生成等：透明底、仅底边线、右侧 Chevron（见 style.css 与 chargen-form）。

滑块 · input[type="range"]

设置页同款 accent-color 与宽度语义；此处独立样式在 #designlib-page。

42%

一体框数字参数 · .videocompress-combo.c-outline-field

单选 · .c-choice-row + .c-choice--radio

多选 · .c-choice--checkbox

内联搜索 · .c-inline-search

只读多行 · textarea.c-text-input

结果区复制 · .copy-btn.copy-btn-inside

去重排序图标钮 · .dedupe-sort-btn

与去重结果页一致：单钮内用 .dedupe-sort-arrows 叠三层图标，由 data-sort-mode 控制可见层。

生成结果列表 · .c-gen-result-list

空态 .c-gen-result-empty

暂无生成行，空态占位

固定框 --frame-fixed + 行点击复制 --row-action

示例行 Alpha
示例行 Beta

文本工具底栏 · .transcribe-toolbar / .button-section

用于去空行、去空格、文本排序等：输入区下方 .transcribe-toolbar（左 .transcribe-actions + 右主钮）；独立主操作行用 .button-section（如文本对比「一键比对」）。

独立底栏（文本对比等）：

文本处理页骨架 · 去空行 / 去空格

输入 + 底栏 + 有结果时才展示的只读区（业务页用 [hidden] 控制 .stripline-result-wrap 等）。

12/10000

规则说明 · .rule-info-icon

字段标签

简洁确认弹窗 · .modal-content.c-dialog-confirm

浅底示意槽（非全屏遮罩）；线上叠用 .modal + --color-overlay。

确定要执行此操作吗？

媒体预览浮层 · .imgcompress-preview-modal

静态裁切示意；关闭钮已统一为 .c-line-icon--close-line。

HSB 颜色编辑器 · .c-color-editor-popover

二维码 / 像素化遮罩等；含 SV 方图、色相条、HSB 列与底栏吸管。完整 DOM 见「复制片段」。

HEX · 透明度

色值转换 · #colorconvert-page

取色 + 右栏四格式色值；≥1920px 显示合并总值。业务页见 initColorConvert。

下划线字段 · .c-underline-field

固定位数

关键字检索顶栏 · .c-keywordsearch-toolbar-row

媒体底栏 · .c-tool-actions

文本对比 · .c-textcompare-line / .c-textcompare-gap

静态示意比对结果行（真实逻辑见 #textcompare-page · initTextCompare）。左删右补时右侧为行缝横线 .c-textcompare-gap，不占行高。

左栏

相同行
左侧删除
相同行二

右栏

相同行
右侧新增
相同行二