单文件静态应用，无构建、无后端，复制 public 目录即可运行
HTML工具站
webp crusher — HTML 工具站模板
作者 shufflethis
单文件纯前端批量图片压缩工具，强制输出小于设定大小，不上传任何数据。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-27查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
强制输出文件小于设定大小，默认 100 KB，可调范围 10–1000 KB
先缩放再二分搜索质量，兼顾体积与视觉质量
100% 客户端处理，不上传图片，无账户无配额
支持 JPG、PNG、GIF、BMP、TIFF、WebP 输入，最多 50 张/批
自带 Vercel 零构建部署配置，也可本地或 VPS 运行
模板详细介绍
webp crusher 是一个极简的浏览器端批量图片压缩工具，整个应用只有一个 HTML 文件，没有构建步骤，也没有后端。它把图片在本地转换为 WebP 格式，并通过先缩放、再二分搜索质量、最后渐进降级的策略，确保每个输出文件都小于你设定的目标大小（默认 100 KB）。处理全程在浏览器内存中完成，不向任何服务器上传图片，适合处理未发布或保密素材。
界面目前是德语，但功能不受语言影响。支持拖拽或点击添加最多 50 张图片，可调整最大宽度（默认 1920px）和可选文件名前缀，转换后以 ZIP 包下载，并显示压缩前后的体积节省报告。项目自带 Vercel 零构建部署配置，也可以直接复制 public 目录到任意静态托管或本地服务器。
需要注意的是，它只输出 WebP，不支持 AVIF；不保留 EXIF 方向、ICC 等元数据；依赖浏览器 canvas 的 WebP 编码能力，较老的 Safari（低于 16.4）无法使用。如果你需要的是隐私优先、可快速部署的批量压缩工具，这个项目值得参考，但上线前建议核对浏览器兼容性和大图内存占用。
可直接运行在线工具图像处理文件处理
适合你的项目吗？
适用场景
- SEO 或性能优化中批量压缩网页图片，满足 Lighthouse 或 Screaming Frog 的体积建议
- 处理未发布或保密素材，避免上传到第三方压缩服务
- 快速将产品图、博客图等转换为 WebP 并打包下载
适合人群
- 需要隐私优先的图片压缩工具的个人或团队
- 熟悉静态托管、愿意接受德语界面的使用者
- 希望以极简代码为起点二次开发工具站的人
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库后运行 npm run dev 启动本地服务，或直接将 public 目录部署到任何静态托管。
- 2
JSZip 默认从 CDN 加载，如需完全离线或更严格 CSP，可下载 jszip.min.js 到本地并修改 script 标签。
- 3
界面为德语，若需英文需自行贡献。
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可证授权免费使用、修改与商用，仅需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 在所有副本或实质性部分中包含上述版权声明和许可声明
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
[MIT](LICENSE) © 2026 Gorden Wuebbe / webp-crusher
README 原文
https://github.com/shufflethis/webp-crusher/blob/master/LICENSEhttps://github.com/shufflethis/webp-crusher/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 73 / 100
- 技术栈
- HTML
- 网站类型
- 工具站
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-05-22
- 截图检查日期
- 2026-09-05
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
markdown live preview
markdown live preview 是一个开源的 Markdown 实时预览工具，核心功能是在浏览器中即时渲染 Markdown 文本。
HTML · 工具站
kite
Kite 是一个用 Elm 编写的开源图论可视化工具，项目自带在线演示，可直接在浏览器中体验。 它的核心功能是让用户通过交互方式创建、编辑和探索图结构，适合用于教学演示、算法可视化或作为自定义图分析工具的前端基础。
HTML · 工具站
prisma erd
Prisma ERD 是一个专注于将 Prisma schema 文件转换为实体关系图的在线工具。 它的核心功能是解析 Prisma 数据模型，并以图形化方式展示表之间的关系，帮助开发者直观理解数据库结构。
HTML · 工具站
css color filter generator
css color filter generator 是一个专注于颜色转换的实用工具站，核心功能是让用户输入目标颜色，自动生成对应的 CSS filter 组合，以便在图片或图标上实现近似着色。
HTML · 工具站
PageTemplatify
面向企业官网与备案用途的多模板静态网页生成器 | A multi-template static site generator for landing pages & ICP-ready sites
HTML · 工具站
css grid layout generator
CSS Grid Layout Generator 是一个开源的可视化工具站，核心用途是让用户通过图形界面快速构建复杂的 CSS Grid 布局，并导出对应的 HTML 与 CSS 代码。
HTML · 工具站