---
name: image-tools
description: 图片处理工具集，用于检查图片信息、HTML转PNG、裁剪水印等操作。当用户需要处理产品图片、转换HTML为图片、或去除图片水印时使用此技能。
---

# Image Tools

## Overview

提供产品图片处理相关功能，包括检查图片元信息、HTML页面截图、裁剪水印等操作。适用于产品文档和图片批量处理场景。

## Quick Start

使用前需安装依赖：

```bash
cd tools/image-tools/scripts
npm install
```

## Tasks

### 检查图片信息

查看图片的宽度、高度、格式等元信息：

```bash
cd tools/image-tools/scripts
node check-image-info.js
```

**用途**：批量检查产品图片尺寸，确保符合规格要求。

### HTML 转 PNG

将HTML文件转换为PNG图片截图：

```bash
cd tools/image-tools/scripts
node convert-html-to-png.js
```

**用途**：将产品配置清单HTML转换为PNG图片，用于产品展示。

### 裁剪水印

裁剪图片底部水印区域（默认裁剪底部300px）：

```bash
cd tools/image-tools/scripts
node remove-watermark.js
```

**用途**：批量处理产品图片，去除底部水印。

## Configuration

脚本默认处理路径为 `产品/飞牛 NAS/fyd-亚克力机箱 - 单/详情` 目录。如需修改：

- **check-image-info.js**: 修改 `imageDir` 变量
- **convert-html-to-png.js**: 修改 `detailDir` 变量及文件过滤条件
- **remove-watermark.js**: 修改 `imageDir` 和 `CROP_BOTTOM_HEIGHT` 常量

## Resources

### scripts/

- `check-image-info.js` - 图片信息检查脚本
- `convert-html-to-png.js` - HTML转PNG截图脚本
- `remove-watermark.js` - 水印裁剪脚本
- `package.json` - Node.js 依赖配置