發(fā)布于:2021-02-20 00:01:37
20
281
0
像Instagram這樣的應用程序證明了一些色彩修改可以使照片變得如此出色。我們已經(jīng)看到數(shù)百個Instagram克隆出現(xiàn),甚至CSS和Canvas規(guī)范都具有filter允許我們修改圖像的屬性。就像這些API一樣,它們僅修改圖像以供客戶端查看-用戶嘗試保存照片后,他們將獲得未修改的版本。那么,如何使用人工濾鏡生成類似Instagram的照片呢?令人敬畏的媒體服務Cloudinary提供了一種簡單的方法,可以通過非常簡單的API生成藝術性的,經(jīng)過過濾的照片。我們來看一下!
上載圖片
與圖像交互的最佳方法是首先將它們上傳到 Cloudinary,這非常簡單。Cloudinary提供了適用于所有流行網(wǎng)絡語言的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即時執(zhí)行任意數(shù)量的轉換,背景去除和其他優(yōu)化。
影像增強
有時,對給定的圖像添加一些輕微的顏色修改可以提供使圖像保持“自然”但引人注目的小改進。Cloudinary提供了增強變換的一組有用襯托出鮮艷的照片,其中包括:improve,gamma,auto_brightness,auto_contrast,auto_color,fill_light,vibrance,contrast,和viesus_correct。以下網(wǎng)址格式將為您提供一些增強功能:
<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' />
您可以使用以下模式在大多數(shù)情況下自定義效果應用程序的級別:
<-- 70% -->
<img src='http://res.cloudinary.com/david-walsh-blog/image/upload/e_art:audrey:70/landscape.jpg' />
從我們的示例圖片中查看轉換的展示:
先進的數(shù)學計算可以對圖像的顯示產(chǎn)生驚人的效果。如果您擁有Cloudinary之類的服務來使濾鏡實現(xiàn),則可以使用任何相機拍攝的簡單圖像看起來都雄偉壯觀 。
我在一場網(wǎng)頁開發(fā)人員的競賽中獲勝,我創(chuàng)造了一個令人驚嘆的東西,我創(chuàng)造了一個像Cloudinary這樣的照片過濾應用程序。問題是它使用了canvas API,它沒有保存過濾器,它需要知道過濾背后的數(shù)學。不管我的應用多么可愛,它對用戶和開發(fā)者來說都是一場噩夢。Cloudinary用于使用簡單且具有藝術性的過濾器的API非常簡單——編寫自己的路由可能不值得。藝術過濾器只是另一個原因,為什么你應該跳在Cloudinary為你的個人和應用程序媒體!