npm 包 @weus/jpeg-recompress-bin 使用教程

阅读时长 4 分钟读完

在前端开发中,优化图片是一个重要的环节。一个优化后的图片可以减小其文件大小,提高网站加载速度,提高用户体验。而 @weus/jpeg-recompress-bin 是一个基于 JPEG 图片的压缩工具,可以帮助我们实现更好的图片压缩和优化。

安装和使用

安装

使用 npm 安装 @weus/jpeg-recompress-bin:

使用

安装完成后,我们可以在命令行中使用 jpeg-recompress 命令。下面是一些常用的命令参数:

  • --quality:指定 JPEG 图片压缩的质量,范围是 0~100,默认为 60。
  • --min--max:指定 JPEG 压缩的最小和最大压缩比,范围是 0~100,默认为 40 和 80。
  • --target:指定目标压缩大小,单位为 KB,jpeg-recompress 会尝试将图片压缩至指定大小的范围内。

下面是一些使用实例:

实例代码

下面是一个使用 gulp 和 @weus/jpeg-recompress-bin 的实例代码,可以用来实现一个自动化的图片压缩任务。

-- -------------------- ---- -------
----- ---- - ----------------
----- -------- - -------------------------
----- -------------- - -------------------------------------

---------------------------- ---------- -
  -- ---- ---- --
  ------ ------------------------
    ----------------
      ------------------------------ -------
      -------------------------- --- ------------ -------
      ------------------------------------ ----
      ---------------
        -------- -
          --------------- ------
          ------------ ------
        -
      --
    ---
    ------------------------
---

------------------------------ ---------- -
  -- -- ------------------------- -- ---- --
  ------ -------------------------
    ----------------------
      -------- ---
      ---- ---
      ---- ---
      ------- ---
    ---
    -------------------------
---

-------------------- ------------------------------ ----------------------

以上实例中,我们首先使用 gulp-imagemin 插件对所有 JPEG 图片进行压缩,然后使用 @weus/jpeg-recompress-bin 对所有图片进行二次压缩,以达到更好的优化效果。使用 gulp 任务可以更方便地进行图片压缩和优化。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005725481e8991b448e867d

纠错
反馈