0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

用TensorFlow.js在浏览器中构建了一个使用任意图像进行风格化的demo

DPVg_AI_era 来源:未知 作者:李倩 2018-11-22 09:33 次阅读

一位日本小哥用TensorFlow.js在浏览器中构建了一个使用任意图像进行风格化的demo,只使用了一个单一的模型。demo效果相当不错,并且也开源了代码。

用一个模型就能实现所有类型的风格转换!一个名为Arbitrary Image Stylization in the Browser的项目最近火起来。

作者是日本小哥Reiichiro Nakano,他用TensorFlow.js在浏览器中构建了一个使用任意图像进行风格化的demo。

不像以前的快速风格转换算法那样需要每种风格都有一个单独的网络,在这个demo中,所有风格图像只使用一个单一的模型。并且,你可以自由混合不同的风格。

使用也非常简单,你只需要选择一张内容图像(content image)和一张风格图像(style image),然后点击“Stylize”,静候片刻,一张风格化的图像就处理好了。

如图所示,我们在“内容图像”选择一张芝加哥城市风景图,“风格图像”选择一张港口的版画风格图像,风格化后得到一张版画风格的芝加哥风景图。

其中,内容图像和风格图像都可以自定义,也就是说,你可以上传任意图像。风格化的强度也可以调整。

作者还提供了混合两种风格的效果。

总结而言,这个风格网络被训练并用于为任意绘画风格生成一个100-D的风格向量(style vector)。然后,将该向量与内容图像一起馈送到一个的转换网络,进行实际的风格转换。

这个100D的向量基本上是一个“style”的潜在空间。我们可以利用这个“潜在空间”做一些有趣的事情。

我们可以通过对风格图像和内容图像的风格向量进行加权平均,来控制风格化的强度。作者发现,这对于风格特别鲜明的内容图像很有用。

我们还可以通过在它们的风格向量之间插值,来组合不同的风格,并让网络猜测这两幅图像之间的风格是什么样子的。

将模型移植到浏览器上的最大问题是模型大小。风格网络基于Inception-v3,它的权重> 97MB。作者使用distillation,能够用9.6MB的MobileNet-v2替换它,尺寸缩小了10倍。所以作者认为distillation这种技术被低估了,它可以为浏览器带来一些很酷的ML功能,因为很多模型由于太大而无法在资源有限的环境中进行部署。

这个demo建立在谷歌大脑和蒙特利尔大学合作的论文Exploring the structure of a real-time, arbitrary neural artistic stylization network之上,这是图像风格化的经典论文之一。作者开源了代码。

下面我们简要介绍一下论文的主要思想。

模型和方法

这篇论文的核心是通过构建一个风格学习网络来实现快速的风格迁移。

论文提出了一种将艺术风格神经算法的灵活性和快速风格迁移网络的速度相结合的方法,允许使用任何内容/风格图像进行实时的风格化。

这个模型成功地用大约80000幅画作的数据库进行了训练,并能够推广到以前未见过的画作。

论文的主要贡献包括:

1、介绍了一种新的算法,用于快速、任意的艺术风格迁移;在80000幅画作上训练,并能对未观察过的画作实时运行。

2、在紧凑的嵌入空间中呈现左右绘画风格,捕捉绘画的语义特征。

3、证明用大量画作进行训练之后,模型能够预测以前从未观察过的风格。

4、嵌入空间允许对艺术家的艺术范围进行新的探索。

图1:网络在大量的绘画和纹理上训练生成的造型

图2:模型架构图示

如图2所示,整个网络架构由风格学习网络P和风格转换网络T组成,学习的目的是style loss和content loss。风格学习网络P预测来自输入风格图像的嵌入向量S,为风格转换网络提供一组归一化常数。风格转换网络将照片转换为风格化的表示。Content loss和style loss来源于VGG图像分类网络的表征空间距离。风格学习网络主要遵循Inception-v3架构。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 图像
    +关注

    关注

    2

    文章

    1083

    浏览量

    40449
  • 浏览器
    +关注

    关注

    1

    文章

    1022

    浏览量

    35322
  • tensorflow
    +关注

    关注

    13

    文章

    329

    浏览量

    60527

原文标题:一个模型搞定所有风格转换,直接在浏览器实现(demo+代码)

文章出处:【微信号:AI_era,微信公众号:新智元】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    comicsviewer图像浏览器软件

    电子发烧友网站提供《comicsviewer图像浏览器软件.zip》资料免费下载
    发表于 06-19 17:00 0次下载

    TensorFlow发表推文正式发布TensorFlow v1.9

    是前所未有的。之前人工智能头条也为大家介绍了浏览器通过TensorFlow.js
    的头像 发表于 07-16 10:23 3104次阅读

    利用TensorFlow.js,D3.js 和 Web 的力量使训练模型的过程可视

    TensorFlow.js 将机器学习引入 JavaScript 和 Web。 我们将利用这个很棒的框架来构建深度神经网络模型。这个模型将能够按大联盟裁判的精准度来称呼好球和坏球。
    的头像 发表于 08-08 14:24 6981次阅读

    如何使用TensorFlow.js构建系统

    TensorFlow.js团队一直在进行有趣的基于浏览器的实验,以使人们熟悉机器学习的概念,并鼓励他们将其用作您自己项目的构建块。对于那些不
    的头像 发表于 08-19 08:55 3553次阅读

    基于tensorflow.js设计、训练面向web的神经网络模型的经验

    NVIDIA显卡。tensorflow.js底层使用了WebGL加速,所以浏览器训练模型的
    的头像 发表于 10-18 09:43 4093次阅读

    TensorFlow.js浏览器中部署可进行任意图像风格迁移的模型

    Reiichiro Nakano提供的模型突破了以往模型的局限,它能将任何风格图像分解为表示其风格的100维向量,然后把这些向量结合照片信息起馈送到另
    的头像 发表于 11-22 09:01 6427次阅读

    种开源的机器学习模型,可在浏览器中使用TensorFlow.js对人物及身体部位进行分割

    人物分割有何用途?这项技术可广泛应用于多个多领域,包括增强现实、摄影编辑以及图像或视频的艺术效果等。具体应用由您决定!去年,当我们推出 PoseNet(首个能够浏览器中使用简易网络摄像头估测身体
    的头像 发表于 02-26 16:33 5819次阅读

    TensorFlow.js制作了仅用 200 余行代码的项目

    我们先来看下运行的效果。下图中,上半部分是原始视频,下半部分是使用 TensorFlow.js 对人像进行消除后的视频。可以看到,除了偶尔会在边缘处留有残影之外,整体效果还是很不错的。
    的头像 发表于 05-11 18:08 5585次阅读

    CNN是什么?美国有线电视新闻网吗?

    它用TensorFlow.js加载了10层的预训练模型,相当于在你的浏览器上跑CNN模型
    的头像 发表于 09-03 10:58 6084次阅读
    CNN是什么?美国有线电视新闻网吗?

    如何基于 ES6 的 JavaScript 进行 TensorFlow.js 的开发

    环境,如果有 CUDA 环境支持,或者浏览器环境,有 WebGL 环境支持,那么 TensorFlow.js 可以使用硬件
    的头像 发表于 10-31 11:16 3109次阅读

    关于浏览器缓存最详细解析

    浏览器缓存即 http 缓存,将请求过的数据(html、css、js)存在浏览器(本地磁盘),当再次访问这些资源时可以从本地直接加载,减少服务端请求。
    的头像 发表于 04-16 16:01 2711次阅读

    CNN到底是怎么回事?

    它用TensorFlow.js加载了10层的预训练模型,相当于在你的浏览器上跑CNN模型
    的头像 发表于 06-28 14:47 4058次阅读
    CNN到底是怎么回事?

    怎么js保存数据

    JS保存数据是Web开发中非常重要的功能,它能够将用户的输入或者其他数据存储浏览器,随后
    的头像 发表于 11-27 16:10 1049次阅读

    js文件可以直接浏览器运行吗

    载和运行。 Web开发JS常被用于实现动态交互效果和页面逻辑控制。通过将JS代码嵌入到网页的HTML文件
    的头像 发表于 11-27 16:45 4041次阅读

    js脚本怎么浏览器运行

    浏览器运行JavaScript脚本是种常见的方式,因为JavaScript是Web
    的头像 发表于 11-27 16:46 2806次阅读