使用Cloudinary的类似Instagram的过滤器

像Instagram这样的应用程序证明了一些色彩修改可以使照片变得如此出色。我们已经看到数百个Instagram克隆出现，甚至CSS和Canvas规范都具有filter允许我们修改图像的属性。就像这些API一样，它们仅修改图像以供客户端查看-用户尝试保存照片后，他们将获得未修改的版本。那么，如何使用人工滤镜生成类似Instagram的照片呢？令人敬畏的媒体服务Cloudinary提供了一种简单的方法，可以通过非常简单的API生成艺术性的，经过过滤的照片。我们来看一下！

上载图片

与图像交互的最佳方法是首先将它们上传到 Cloudinary，这非常简单。Cloudinary提供了适用于所有流行网络语言的API，例如PHP，Node.js，Python，Java等。以下将使用Node.js上传我们的示例图像：

var cloudinary = require('cloudinary');

cloudinary.config({
 cloud_name: 'david-walsh-blog',
 api_key: '##############',
 api_secret: '##############'
});

cloudinary.uploader.upload('landscape.jpg', function(result) {
 console.log(cloudinary.image('landscape.jpg'));

    /*
    <img src='http://res.cloudinary.com/david-walsh-blog/image/upload/landscape.jpg' />
    */
});

将图像上传到Cloudinary后，我们可以通过URL修改或通过其复杂的API即时执行任意数量的转换，背景去除和其他优化。

影像增强

有时，对给定的图像添加一些轻微的颜色修改可以提供使图像保持“自然”但引人注目的小改进。Cloudinary提供了增强变换的一组有用衬托出鲜艳的照片，其中包括：improve，gamma，auto_brightness，auto_contrast，auto_color，fill_light，vibrance，contrast，和viesus_correct。以下网址格式将为您提供一些增强功能：

<img src='http://res.cloudinary.com/david-walsh-blog/image/upload/e_auto_brightness/landscape.jpg' />

<img src='http://res.cloudinary.com/david-walsh-blog/image/upload/e_gamma/landscape.jpg' />

看看这些增强功能如何使我们的示例图像看起来很棒：

有时，极简主义的增强会使图像看起来更好！

向图像添加艺术滤镜

如果您想使图像具有艺术风格，或者甚至让用户将滤镜添加到图像中（毫无疑问，通过使用Cloudinary的超赞应用程序），可以通过art:(effect-name) 在图像上添加效果来使这些图像栩栩如生：

<img src='http://res.cloudinary.com/david-walsh-blog/image/upload/e_art:aurora/landscape.jpg' />

<img src='http://res.cloudinary.com/david-walsh-blog/image/upload/e_art:audrey/landscape.jpg' />

您可以使用以下模式在大多数情况下自定义效果应用程序的级别：

<-- 70% -->
<img src='http://res.cloudinary.com/david-walsh-blog/image/upload/e_art:audrey:70/landscape.jpg' />

从我们的示例图片中查看转换的展示：

先进的数学计算可以对图像的显示产生惊人的效果。如果您拥有Cloudinary之类的服务来使滤镜实现，则可以使用任何相机拍摄的简单图像看起来都雄伟壮观 。

我在一场网页开发人员的竞赛中获胜，我创造了一个令人惊叹的东西，我创造了一个像Cloudinary这样的照片过滤应用程序。问题是它使用了canvas API，它没有保存过滤器，它需要知道过滤背后的数学。不管我的应用多么可爱，它对用户和开发者来说都是一场噩梦。Cloudinary用于使用简单且具有艺术性的过滤器的API非常简单——编写自己的路由可能不值得。艺术过滤器只是另一个原因，为什么你应该跳在Cloudinary为你的个人和应用程序媒体!