54

社交网络配图安全指南(前端版)

 5 years ago
source link: https://hijiangtao.github.io/2019/04/12/Pick-a-Picture-for-Your-Social-Network/?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

这两天「视觉中国」上了热搜,图片的版权问题成为了公众焦点。暂不就该新闻做进一步的讨论,我想以自己长期发水文的经验来聊聊,如何正确的在社交网络发图时规避版权问题风险。

作为一名经常写博文的码农,翻翻自己博客,断断续续也在互联网上用文字记录下了过去六七年的时光,而每当抒发情感之际,配图是必不可少的一个增强点,但如果选择不当要么会出现随便来段 JavaScript 混淆代码混配任意编程语言的笑话:

2Uf6ZzU.png!web

要么会出现侵犯他人作品版权的危险:

veu26n3.png!web

有的时候也想过用自己拍摄的图片好了,但并不是所有人都能拍张好看并且合适的图片作为博客 teaser 的,比如手残的我前两天还被吐槽「拍的照片看上去不错,但全图实际找不到一个焦点」,推荐两个我在写博文时经常用到的安全配图方法。

这两个方法都有 JavaScript 实现,所以感兴趣的话你可以直接看看他们实现的源码咯。

1. Geometric Primitive

这是一个利用原始几何图像匹配堆叠的原理,以重绘一张图片的方法。

你首先需要选择一张图片作为程序输入,然后算法会试图计算并找到最小化目标图像和绘制图像之间像素误差的最佳几何形状。算法每一次计算只添加一个形状,之后重复这个过程。循环次数可以通过输入指定。

拿我的头像来看看效果吧,以下是我头像原图,高清无码:

QJRjUre.png!web

指定124次循环迭代,并设置填充几何体为三角形后,效果如下:

b2EriuF.png!web

该方法已经有开源实现,JavaScript 版实现 GitHub 地址见 https://github.com/ondras/primitive.js

2. Emojis

这个方法的原理在于通过不断堆叠色彩上最合适的 emoji,以达到创作一个与原图最相近的 emoji 镶嵌图片作品。

当然如何摆放 emoji 的位置以及 emoji 颜色的选择都是一个需要考虑的问题,感兴趣的话可以直接看代码实现。

用这个方法处理了一版我的头像,效果如下:

JvEva2r.jpg!web

该方法的 JavaScript 版实现 GitHub 地址见 https://github.com/ericandrewlewis/emoji-mosaic

虽然原始图片的版权不在你手上,但重新创作过的图片应该就不涉及侵权问题,你可以放心使用了。

附上几张自己的创作作品,其中有两张是用的自己拍的照片啦。

7bqi22A.png!web

RzIRzqF.jpg!web

yQRvI3r.png!web

r2UrM3N.jpg!web

yQ7RFjJ.png!web


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK