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