arbitrary-image-stylization-tfjs

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

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 设计创意 🍴 复刻 212 🐛 待处理 22 👀 关注 38
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 1206
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 开源项目,基于TensorFlow.js实现任意风格迁移,可自行部署使用,完全免费。

项目预览

arbitrary-image-stylization-tfjs 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类设计创意
开发团队reiinakano
定价模式🏷️完全免费
价格说明开源项目,基于TensorFlow.js实现任意风格迁移,可自行部署使用,完全免费。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议Apache-2.0
主要语言JavaScript
技术栈/模型artists,browser,deep-learning,generative-art,neural-network,style-transfer,tensorflow-js
GitHub 星标★ 1206
上线时间2018-11-13 00:00:00
代码更新2022-12-03
仓库体积73.0 MB
本站数据更新2026-11-10
维护状态低维护
收录时间2026-08-09
浏览次数4

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 1206

使用教程

ℹ 本教程由 AI 依据该项目 README 整理,个别步骤可能需要按你的环境微调。

难度:入门 约 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

上一篇:token-art-tools

下一篇:nft-collection-generator

同类项目推荐

stable-diffusion-ps-pea 开源

在 Photopea 里直接调用 Stable Diffusion,边画边生成,不用切换工具

Use Stable Diffusion in Photopea!

★ 96 2026-08-09
HRDiT 开源

不用重训,让 FLUX 直接生成高清大图

[ECCV 2026] Official implementation of "HRDiT: Training-Free High-Resolution Image G···

★ 317 2026-09-16
Awesome-GPT-Image-2-OpenAi 开源

掌握 GPT Image 2 提示词,快速生成专业级图像。

The Definitive GPT Image 2 Prompt Vault — Master OpenAI's next-gen model with curat···

★ 65 2026-08-09
ai_webui 开源

一个界面搞定图像、音频、视频 AI 处理,无需代码。

AI-WEBUI: A universal web interface for AI creation, 一款好用的图像、音频、视频AI处理···

★ 271 2026-08-09
carefree-drawboard 开源

在无限画布上边画边生成,让 AI 实时补全你的创意

Infinite Drawboard in Python

★ 701 2026-08-09
ImageToolbox 开源

一个 App 搞定裁剪滤镜 OCR 去背景,手机修图不用装一堆工具

️ Image Toolbox is a powerful app for advanced image manipulation. It offers dozens···

★ 15514 2026-09-19
stable-diffusion-colab 开源

在浏览器中免费运行 Hyper-SDXL,快速生成高质量图像

Colab notebook for Stable Diffusion Hyper-SDXL.

★ 322 2026-08-09