SheepNav
Pixcrush

Pixcrush

pixcrush.com

一条命令,整个代码库转 WebP。

18天前制作者:Karishma Garg

关于 Pixcrush

Pixcrush 是一款专为前端开发者设计的命令行工具,旨在一键解决 React 和 Next.js 项目中图片格式转换的痛点。你只需运行一条命令,它就能自动扫描整个代码库,将所有 PNG、JPEG 等图片转换为高效的 WebP 格式,并智能重写所有 import 和 src 路径,无需手动修改任何代码。

核心功能

  • 一键转换与压缩:自动识别项目中的图片文件,批量转换为 WebP 格式,并应用智能压缩算法,在保持视觉质量的同时大幅减小文件体积。
  • 自动路径重写:转换后自动更新所有引用路径,包括 JavaScript/TypeScript 中的 import 语句、JSX 中的 src 属性以及 CSS 中的 url() 引用,确保项目无缝运行。
  • 零配置集成:无需复杂配置,直接运行 npx pixcrush 即可开始处理,完美适配 React、Next.js 等现代前端框架。

主要特性

  • 离线运行:所有处理在本地完成,无需上传图片到第三方服务器,保障数据安全与隐私。
  • 无限制使用:没有免费额度限制,没有文件数量上限,适合大型项目和企业级应用。
  • 极速处理:基于 Rust 编写的高性能核心,即使数千张图片也能在数秒内完成转换。
  • 无损兼容:自动保留原始图片作为备份,并生成 WebP 版本,确保兼容性。

适用场景

  • 前端项目优化:快速将 React、Next.js、Vue 等项目的图片资源转换为 WebP,提升页面加载速度。
  • CI/CD 集成:可轻松集成到持续集成流程中,在构建阶段自动优化图片资源。
  • 老旧项目改造:一键升级历史项目中的图片格式,无需手动替换每个文件。

相关工具