图像格式转换器 (Canvas)

现代简洁风格的网页工具，使用浏览器原生 API（<canvas>）进行图像格式转换。支持 PNG / JPEG / WebP，完全在本地浏览器内处理，不上传文件。

功能

• 上传图片（拖拽或点击，支持 PNG / JPG / JPEG / WebP / GIF 等浏览器可解码格式）
• 选择目标格式：PNG / JPEG / WebP
• 可选质量（仅 JPEG / WebP）
• 一键转换，提供预览与下载
• 现代简洁 UI，响应式布局

本地运行 / 预览

1. 安装 Node.js（16+）

2. 启动本地静态服务：

   cd image-converter
   npm start

3. 打开浏览器访问：`http://localhost:3000

在 Codex Cloud 中，也可使用同样的命令启动并通过端口预览。

技术说明

• 使用 <input type="file"> 与拖拽实现上传
• 使用 createImageBitmap（有则用）/ Image 解码
• 使用 <canvas> 绘制并通过 canvas.toBlob(type, quality) 导出
• 对 JPEG 目标先填充白色背景，避免透明像素变黑
• 若 toBlob 返回 null，回退到 toDataURL 再转 Blob

限制

• 仅能转换浏览器可解码的图像格式（如 HEIC/HEIF 在大多数浏览器不支持）
• WebP 导出在个别旧浏览器可能不支持，将尝试回退

项目结构

image-converter/
├─ index.html   # 页面结构
├─ styles.css   # 样式
├─ script.js    # 逻辑
├─ server.js    # 简易静态服务器（预览）
├─ package.json # 脚本
└─ README.md