# @11ty/eleventy-img 中文文档

规范地址：https://npmcn.com/package/%4011ty/eleventy-img/

版本：7\.1\.1
npm 元数据更新时间：2026-10-21T20:27:03.263Z
中文译文更新时间：2026-11-05T17:59:42.437Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%4011ty/eleventy-img
原文对照：https://npmcn.com/package/%4011ty/eleventy-img/?lang=original
项目主页：https://github.com/11ty/image#readme
源码仓库：https://github.com/11ty/image

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：83.5 kB，24 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- Node.js 要求：\>=22
- 运行依赖：7 个
- 首次发布：2020-04-18T02:56:12.771Z
- 最新版本发布：2026-10-21T20:27:02.905Z
- 近 30 天下载量：114525（2026-10-04 至 2026-11-02，npm 官方下载统计）
- 已发布版本数：79（近 12 个月 5 个）

## 中文简介

执行构建时图像转换的低等工具 .

## 安装

```sh
npm install @11ty/eleventy-img
```

也可以使用：`pnpm add @11ty/eleventy-img`、`yarn add @11ty/eleventy-img`、`bun add @11ty/eleventy-img`

## README

![eleventy Logo](https://www.11ty.dev/img/logo-github.svg)

# 图像工具

需要节点 22+

为矢量和光栅图像进行构建时图像转换的低等工具。 输出多大小,保存多格式,本地缓存远程图像. 使用 [锐口](https://sharp.pixelplumbing.com/) 图像处理器.

您保持对 HTML 的全部控制。 使用方式 `<picture>` 或者说 `<img>` 或 CSS 软件 `background-image`或者别人! 不错 `width` 财务报告和审定财务报表 `height` 对你的图像!

## [图像工具文件全文在11ty.dev上](https://www.11ty.dev/docs/plugins/image/)。 。 。 .

-   _这是一个插件,用于 [11个静态场地发电机](https://www.11ty.dev/)。 。 。 ._
-   再找点 [十一个插件](https://www.11ty.dev/docs/plugins/)。 。 。 .
-   请坐 [十一号在吉打](https://github.com/11ty/eleventy/),跟着 [@ eleven ty (帮助)](https://twitter.com/eleven_ty) 在推特上,并支持 [开放集体11号](https://opencollective.com/11ty)

[![npm Version](https://img.shields.io/npm/v/@11ty/image.svg?style=for-the-badge)](https://www.npmjs.com/package/@11ty/image) [![GitHub issues](https://img.shields.io/github/issues/11ty/image.svg?style=for-the-badge)](https://github.com/11ty/image/issues)

## 安装

```
npm install --save-dev @11ty/eleventy-img
```

_[图像工具文件全文在11ty.dev上](https://www.11ty.dev/docs/plugins/image/)。 。 。 ._

## 测试

```
npm run test
```

-   我们使用 [节点测试跑道](https://nodejs.org/api/test.html) 与 [`node:assert/strict`](https://nodejs.org/api/assert.html)。 。 。 .
-   为了保持快速的测试,你应该尽量避免在测试中写文件.

## 社区路线图

-   [高级特性请求](https://github.com/11ty/image/issues?q=label%3Aneeds-votes+sort%3Areactions-%2B1-desc+label%3Aenhancement) (用 QQ 反应加入你自己的投票)
-   [顶部臭虫 QQ](https://github.com/11ty/image/issues?q=is%3Aissue+is%3Aopen+label%3Abug+sort%3Areactions-%2B1-desc) (用 QQ 反应加入你自己的投票)
-   [最新错误 QQ](https://github.com/11ty/image/issues?q=is%3Aopen+is%3Aissue+label%3Abug)

## 常见问题

### @11ty/eleventy-img 是什么？

执行构建时图像转换的低等工具 \.

### 如何安装 @11ty/eleventy-img？

在项目目录运行 npm install @11ty/eleventy-img，或使用 pnpm add / yarn add / bun add。

### @11ty/eleventy-img 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/11ty\_\_eleventy-img 是否存在。

### @11ty/eleventy-img 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @11ty/eleventy-img 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=22。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @11ty/eleventy-img 可以商用吗？

@11ty/eleventy-img 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @11ty/eleventy-img 的下载量有多少？

根据 npm 官方下载统计，@11ty/eleventy-img 在 2026/10/04 – 2026/11/02 这 30 天内被下载 114,525 次，日均约 3,818 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @11ty/eleventy-img 还在维护吗？

最新版本 7\.1\.1 发布于 2026/10/22（15 天前）；至今共发布 79 个版本，其中过去 12 个月发布了 5 个；首次发布于 2020/04/18。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。