Image Extender：革命性AI图像扩展工具 - 一键无缝扩展任何图像
项目地址: https://gitcode.com/gh_mirrors/im/image-extender Image Extender 是一款革命性的开源AI图像扩展工具，它能让你轻松地向任何方向无缝扩展图像，还能构建完整的2D游戏美术资源集，包括视差背景、自动瓦片、精灵动画和装饰道具。这款小巧的开源Web应用结合了强大的AI技术与专业的图像处理算法，为设计师和游戏开发者提供了前所未有的创作自由。
惊人的图像扩展效果展示 🎨
传统图像扩展往往会留下明显的接缝或产生不自然的内容，而Image Extender通过先进的AI技术和泊松融合算法，实现了真正的无缝扩展。下面这组对比图展示了从一张普通的1024×1024手机风格肖像照到宽屏电影画面的神奇转变：
| 原始图像 · 1024 × 1024 | 扩展后 · 横向扩展为电影宽屏 |
|---|---|
 |  |
只需几次点击，就能让相同的色彩、相同的光线、相同的湿路面反射效果自然延伸，创造出更加广阔的视觉体验。
五大核心模式 - 满足多样化创作需求 ✨
Image Extender不仅仅是一个图像扩展工具，它更像一个小型创作工作室，提供五种工作模式，可通过顶部的选项卡轻松切换：
1. 图像扩展器（Extender）
这是默认模式，可向四个方向中的任何一个方向扩展任何图像，并提供三选一的接缝质量变体选择器。简单点击图像边缘或使用方向键，即可快速扩展图像。
2. 视差工作室（Parallax Studio）
专为游戏开发者设计，可从头开始构建真实的多层横向滚动背景。包含天空、远景、中景和近景四个独立图层，每个图层都有角色感知的AI提示、 chroma-keyed透明图层、实时多层滚动预览、自动扩展到目标宽度、可平铺循环修复以及一键ZIP导出功能。
3. 瓦片工作室（Tile Studio）
一键生成2D平台游戏的13片自动瓦片集（主体+4个边缘+4个外拐角+4个内拐角），作为4×4精灵表生成，具有确定性拐角协调和AI"艺术总监"QA/重绘循环。整个集合保持一致的调色板和纹理细节。
4. 精灵工作室（Sprite Studio）
通过单次AI调用生成角色和生物动画关键帧表。选择身体计划（人形、四足动物、蛇/鱼、飞行动物/鸟或 blob），选择动画，描述生物，即可获得带实时动画播放器和引擎就绪导出的关键帧表。每种身体计划都有其特定的解剖学姿势引导装置和动画集。
5. 道具工作室（Props Studio）
一个开放式、不断增长的独立透明装饰精灵库，一次生成8个，由"艺术总监→画家"双调用流程驱动，保持集合的多样性和非重复性。
强大功能亮点 🌟
Image Extender 融合了多项先进技术，为用户提供专业级的图像扩展和创作体验：
- 无缝边缘扩展：点击边缘即可向该方向扩展，直观的空间控制，无需复杂的对话框操作
- 三选一变体选择器：每次扩展生成最多3个候选，按接缝质量排序，可循环选择最喜欢的一个
- 泊松融合接缝：采用梯度域图像编辑技术，使AI生成区域与原始图像边界在数学上不可见
- 低频色彩漂移预校正：在融合前将AI输出向接缝处的原始色彩进行整体偏移，解决常见的"天空变得稍微蓝了一点"的问题
- 自定义提示和艺术风格：留空提示进行纯场景延续，或添加特定指令如"在地平线上添加一个外星月亮"
- 40+种艺术风格：从电影和油画到吉卜力工作室、赛博朋克、蒸汽波等多种风格
- 自带密钥（BYOK）：OpenRouter密钥仅存储在浏览器的localStorage中，服务器代理请求但从不记录或持久化密钥
- 模型选择器：可在设置中切换Gemini 3 Pro Image、Gemini 3 Flash Image和Gemini 2.5 Flash Image等模型
快速开始使用 🚀
使用Image Extender非常简单，只需几步即可开始创建：
git clone https://gitcode.com/gh_mirrors/im/image-extender
cd image-extender
npm install
npm run dev
打开 http://localhost:3000。首次加载时，应用会提示输入你的OpenRouter API密钥 - 粘贴一次，它将本地存储，除非你从设置中清除，否则不会再次看到提示。
你可以在 openrouter.ai/keys 获取密钥。每次Gemini扩展大约花费0.03美元（Nano Banana 2 Flash Image模型）。
技术架构与项目结构 🛠️
Image Extender基于现代Web技术栈构建：
- Next.js 14（App Router）+ React 18 + TypeScript
- Tailwind CSS 用于深色工作室主题
- HTML Canvas 用于所有客户端图像处理(app/utils/imageProcessor.ts)
- JSZip 用于浏览器内项目打包
- OpenRouter 提供模型访问
项目结构清晰，主要分为API、组件、库和工具四个部分，各模块职责明确，便于维护和扩展。核心的图像扩展和处理逻辑位于app/utils/imageProcessor.ts，包含了分块处理、泊松融合、色度键控、瓦片处理、接缝评分和精灵对齐缩放等功能。
总结
Image Extender 是一款真正革命性的AI图像扩展工具，它将强大的AI技术与专业的图像处理算法完美结合，为设计师和游戏开发者提供了前所未有的创作自由。无论是需要扩展单张图片，还是构建完整的2D游戏美术资源集，Image Extender都能满足你的需求，让创作变得更加简单、高效和有趣。
现在就尝试使用Image Extender，释放你的创造力，探索无限可能！
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
