arbitrary-image-stylization-tfjs

浏览器里玩转任意图像风格迁移,上传图片即刻生成艺术大作。

这是一个基于 TensorFlow.js 的任意风格迁移工具,允许用户将任意艺术风格应用到任意内容图像上,无需预先训练特定风格模型。它解决了传统风格迁移需要为每种风格单独训练模型的问题,通过一个统一的模型实现实时、灵活的样式转换。核心能力包括:支持浏览器端直接运行,无需后端服务器;提供交互式演示界面,用户可上传内容图和风格图即时预览效果;基于深度学习算法,能生成高质量的艺术化图像。项目代码结构清晰,适合开发者集成到自己的Web应用中,也适合学习风格迁移技术原理。

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 1205
维护状态 低维护
是否开源 是
定价模式 free

项目数据

分类设计创意
开发团队reiinakano
所属国家
定价模式free
价格说明开源项目,基于TensorFlow.js实现任意风格迁移,可自行部署使用,完全免费。
访问状态
是否开源是
开源协议Apache-2.0
主要语言JavaScript
技术栈/模型artists,browser,deep-learning,generative-art,neural-network,style-transfer,tensorflow-js
GitHub 星标★ 1205
30天Star增速
HF 下载量
上线时间2018-11-13 00:00:00
最近更新2026-09-14 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数3

使用教程

难度:入门 约 10 分钟 部署方式:本地安装 5 步

环境要求

  • 已安装 Yarn 包管理器(README 明确要求先安装 Yarn,安装方式见 yarnpkg.com)
  • Node.js 运行环境(Yarn 运行所需,README 未列版本)
  • 可访问互联网的浏览器(TensorFlow.js 模型在浏览器端加载运行)
  • 已安装 Git(用于克隆仓库)

安装与启动步骤

  1. 1克隆仓库

    把项目源码下载到本地,任选一个存放目录后执行,完成后进入项目根目录。

    git clone https://github.com/reiinakano/arbitrary-image-stylization-tfjs.git
    cd arbitrary-image-stylization-tfjs
  2. 2安装 Yarn

    README 说明本项目使用 Yarn 管理依赖,运行前必须先装好 Yarn,安装方法参考 https://yarnpkg.com/en/。

  3. 3安装项目依赖

    在仓库根目录执行该命令获取全部依赖,这一步可能耗时较久,请保持网络畅通。

    yarn run prep
  4. 4启动本地服务

    在仓库根目录启动开发服务器,终端会输出监听信息,保持该终端不要关闭。

    yarn run start
  5. 5浏览器访问

    打开浏览器访问本地地址,即可看到风格迁移界面,上传内容图与风格图体验效果。

如何确认成功

浏览器打开 http://localhost:9966 能看到应用界面,并能上传内容图和风格图生成风格化结果。

常见问题

Q:必须自己部署才能用吗?

A:不必,官方已提供在线演示站 https://reiinakano.github.io/arbitrary-image-stylization-tfjs,可直接在浏览器中使用,无需本地部署。

Q:需要后端服务器或 GPU 吗?

A:不需要。项目基于 TensorFlow.js 完全在浏览器内运行,无需后端服务,也不需要单独配置 GPU 服务器。

Q:需要为每种风格单独训练模型吗?

A:不需要。任意风格迁移先用风格网络把任意图像编码成 100 维风格向量,再与内容图一起送入转换网络生成结果。

Q:可以用 npm 替代 Yarn 吗?

A:README 只给出 Yarn 的使用方式,为保证依赖与脚本一致,建议按说明使用 Yarn 执行 prep 和 start。

Q:访问 localhost:9966 打不开怎么办?

A:确认 yarn run start 的终端仍在运行且无报错,并检查 9966 端口是否被其他程序占用。

注意事项

  • 项目使用 Yarn 而非 npm 管理依赖,请按 README 使用 yarn run prep 与 yarn run start。
  • 官方演示站可直接体验,改造成自己的 Web 应用时再本地部署调试。
  • 模型与推理均在浏览器端完成,首次加载需下载模型权重,请保证网络通畅。

核心亮点

  • 真正任意风格,无需预训练特定风格模型,灵活性强
  • 纯前端运行,基于TensorFlow.js,无需服务器,隐私性好
  • 交互式演示界面直观易用,方便快速体验和测试

不足之处

  • 运行性能受限于浏览器和设备,大图处理可能较慢
  • 文档和示例相对较少,高级定制需自行研究源码

适用场景

  • Web端图像艺术化处理工具开发
  • 在线教育中演示风格迁移原理
  • 快速生成社交媒体艺术头像或配图

替代项目

fast-style-transfer、neural-style、magenta

项目介绍

arbitrary-image-stylization-tfjs 是图像领域的开源项目,由 reiinakano 开发,2018 年首次发布。

在全站 13,090 个收录项目中,它的 GitHub 星标数(1,205)位列前 30%,在图像分类的 839 个项目里位列前 14%。

项目已超过三个月没有代码更新,维护节奏明显放缓,最近一次代码更新于 2026-09-14。基于TensorFlow.js实现任意风格迁移,可自行部署使用,完全免费。

它主要面向的使用场景是:Web端图像艺术化处理工具开发。同类可对比的替代方案包括 fast-style-transfer、neural-style、magenta。

上一篇:token-art-tools

下一篇:nft-collection-generator

同类项目推荐

satori 开源

网页代码一键变高清图,放大不糊,不用截图

Enlightened library to convert HTML and CSS to SVG

★ 13967 2026-08-09
C2GAN 开源

用关键点精准控制图像生成,让AI画出你想要的结构

[ACM MM 2019 Oral] Cycle In Cycle Generative Adversarial Networks for Keypoint-Guide···

★ 70 2026-08-09
ComfyUI 开源

像搭积木一样连节点,生图流程自己搭

The most powerful and modular diffusion model GUI, api and backend with a graph/node···

★ 134493 2026-08-09