、需求描述

人們的生活越過越豐富多彩。可是家里珍藏已久的舊相冊，經過歲月的沖洗邊角旮旯兒已泛黃。舊照片是對過往歲月的真實記錄，爺爺奶奶年輕時的相貌，衣著、神態，遵循著過去的潮流和規范。去年，百度聯合新華社獻禮改革開放40周年，發起“給舊時光上色”活動，借助AI的力量，“喚醒”爺爺奶奶手中的黑白老照片，讓每個人看到那個年代最真實的景象。

其實，借助百度【黑白圖像上色】技術，不僅可以給老照片上色，還能給黑白水墨畫等上色，讓大家體驗一把不一樣的水墨畫，也是一種新奇的感受。

當然，如果能夠給一整篇的【黑白漫畫】上色，輸出【彩色漫畫】，那這個【黑白圖像上色】技術在這方面會有很大的作為的，相信會受到很多漫畫愛好者的喜愛。

或者可以換個思維，對于【漫畫制作】這塊，應該是先畫出黑白輪廓，然后給圖片上色，如果合理利用百度【黑白圖像上色】技術，那么在畫出黑白輪廓后，參考百度【黑白圖像上色】技術處理后的圖片，然后再調整顏色的深淺明暗，這樣可以大大降低漫畫【上色】的工作量，提高漫畫【上色】的效率，制作出更加精致的漫畫。

另外，像兒童讀物等文章都會有【插畫】，可以利用【黑白圖像上色】技術，給文章的【黑白插畫】上色，提供更加好看的【彩色插畫】。

二、使用攻略

說明：本文采用C# 語言，開發環境為.Net Core 2.1，采用在線API接口方式實現。

（1）平臺接入

登陸 百度智能云-管理中心 創建 “圖像處理”應用，獲取 “API Key ”和 “Secret Key” ：https://console.bce.baidu.com/ai/#/ai/imageprocess/overview/index

（2）接口文檔

文檔地址：https://ai.baidu.com/docs#/ImageProcessing-API/27271a5c

接口描述：智能識別黑白圖像內容并填充色彩，使黑白圖像變得鮮活。

請求說明

請求示例

HTTP 方法：POST

請求URL： https://aip.baidubce.com/rest/2.0/image-process/v1/colourize

URL參數：

參數	 值
access_token	通過API Key和Secret Key獲取的access_token，參考”Access Token獲取”

Header如下：

參數	 值
Content-Type	application/x-www-form-urlencoded

Body中放置請求參數，參數詳情如下：

請求參數

參數	是否必選	 類型	 可選值范圍	說明
image	 true	 string -	base64編碼后大小不超過4M，最短邊至少64px，最長邊最大800px，長寬比3：1以內。注意：圖片的base64編碼是不包含圖片頭的，如（data:image/jpg;base64,）

返回說明

返回參數

字段	是否必選 類型	 說明
log_id	 是	 uint64	 唯一的log id，用于問題定位
image	 否	 string	 base64編碼圖片

返回示例

{
"log_id": "6876747463538438254",
"image": "處理后圖片的Base64編碼"
}

（3）源碼共享

3.1-根據 API Key 和 Secret Key 獲取 AccessToken

 /// 
 /// 獲取百度access_token
 /// 
 /// API Key
 /// Secret Key
 /// 
 public static string GetAccessToken(string clientId, string clientSecret)
 {
 string authHost = "https://aip.baidubce.com/oauth/2.0/token";
 HttpClient client = new HttpClient();
 List> paraList = new List>();
 paraList.Add(new KeyValuePair("grant_type", "client_credentials"));
 paraList.Add(new KeyValuePair("client_id", clientId));
 paraList.Add(new KeyValuePair("client_secret", clientSecret));
 HttpResponseMessage response = client.PostAsync(authHost, new FormUrlEncodedContent(paraList)).Result;
 string result = response.Content.ReadAsStringAsync().Result;
 JObject jo = (JObject)JsonConvert.DeserializeObject(result);
 string token = jo["access_token"].ToString();
 return token;
 }

3.2-調用API接口獲取識別結果

1、在Startup.cs 文件 的 Configure(IApplicationBuilder app, IHostingEnvironment env) 方法中開啟虛擬目錄映射功能：

 string webRootPath = HostingEnvironment.WebRootPath;//wwwroot目錄
 app.UseStaticFiles(new StaticFileOptions
 {
 FileProvider = new PhysicalFileProvider(
 Path.Combine(webRootPath, "Uploads", "BaiduAIs")),
 RequestPath = "/BaiduAIs"
 });

2、 建立Index.cshtml文件

2.1 前臺代碼：

由于html代碼無法原生顯示，只能簡單說明一下：

主要是一個form表單，需要設置屬性enctype="multipart/form-data"，否則無法上傳圖片；

form表單里面有兩個控件：

一個Input：type="file"，asp-for="FileUpload" ，上傳圖片用；

一個Input：type="submit"，asp-page-handler="Colourize" ，提交并返回識別結果。

一個img：src="@Model.curPath"，顯示需要上色的圖片。

一個img：src="@Model.imgProcessPath"，顯示上色后的圖片。

最后顯示后臺 msg 字符串列表信息，如果需要輸出原始Html代碼，則需要使用@Html.Raw()函數。

2.2 后臺代碼：

 [BindProperty]
 public IFormFile FileUpload { get; set; }
 private readonly IHostingEnvironment HostingEnvironment;
 public List msg = new List();
 public string curPath { get; set; }
 public string imgProcessPath { get; set; }
 public BodySearchModel(IHostingEnvironment hostingEnvironment)
 {
 HostingEnvironment = hostingEnvironment;
 }
 public async Task OnPostColourizeAsync()
 {
 if (FileUpload is null)
 {
 ModelState.AddModelError(string.Empty, "本地圖片！");
 }
 if (!ModelState.IsValid)
 {
 return Page();
 }
 msg = new List();
 string webRootPath = HostingEnvironment.WebRootPath;//wwwroot目錄
 string fileDir = Path.Combine(webRootPath, "Uploads//BaiduAIs//");
 string imgName = await UploadFile(FileUpload, fileDir);
 string fileName = Path.Combine(fileDir, imgName);
 string imgBase64 = GetFileBase64(fileName);
 curPath = Path.Combine("/BaiduAIs/", imgName);//需在Startup.cs 文件 的 Configure(IApplicationBuilder app, IHostingEnvironment env)方法中開啟虛擬目錄映射功能
 string result = GetImageProcessJson(imgBase64, “你的API KEY”, “你的SECRET KEY”);
 JObject jo =(JObject)JsonConvert.DeserializeObject(result);
 try
 {
 string imageProcessBase64 = jo["image"].ToString();
 msg.Add("log_id：" + jo["log_id"].ToString());
 string processImgName = Guid.NewGuid().ToString("N") + ".png";
 string imgSavedPath = Path.Combine(webRootPath, "Uploads//BaiduAIs//", processImgName);
 imgProcessPath = Path.Combine("/BaiduAIs/", processImgName);
 await GetFileFromBase64(imageProcessBase64, imgSavedPath);
 }
 catch(Exception e1)
 {
 msg.Add(result);
 }
 return Page();
 }
 /// 
 /// 上傳文件,返回文件名
 /// 
 /// 文件上傳控件
 /// 文件絕對路徑
 /// 
 public static async Task UploadFile(IFormFile formFile, string fileDir)
 {
 if (!Directory.Exists(fileDir))
 {
 Directory.CreateDirectory(fileDir);
 }
 string extension = Path.GetExtension(formFile.FileName);
 string imgName = Guid.NewGuid().ToString("N") + extension;
 var filePath = Path.Combine(fileDir, imgName);
 using (var fileStream = new FileStream(filePath, FileMode.Create, FileAccess.Write))
 {
 await formFile.CopyToAsync(fileStream);
 }
 return imgName;
 }
 
 /// 
 /// 返回圖片的base64編碼
 /// 
 /// 文件絕對路徑名稱
 /// 
 public static String GetFileBase64(string fileName)
 {
 FileStream filestream = new FileStream(fileName, FileMode.Open);
 byte[] arr = new byte[filestream.Length];
 filestream.Read(arr, 0, (int)filestream.Length);
 string baser64 = Convert.ToBase64String(arr);
 filestream.Close();
 return baser64;
 }
 /// 
 /// 文件base64解碼
 /// 
 /// 文件base64編碼
 /// 生成文件路徑
 public static async Task GetFileFromBase64(string base64Str, string outPath)
 {
 var contents = Convert.FromBase64String(base64Str);
 using (var fs = new FileStream(outPath, FileMode.Create, FileAccess.Write))
 {
 fs.Write(contents, 0, contents.Length);
 fs.Flush();
 }
 }
 /// 
 /// 圖像處理Json字符串
 /// 
 /// 圖片base64編碼
 /// API Key
 /// Secret Key
 /// 
 public static string GetImageProcessJson(string strbaser64, string clientId, string clientSecret)
 {
 string token = GetAccessToken(clientId, clientSecret);
 string host = "https://aip.baidubce.com/rest/2.0/image-process/v1/colourize?access_token=" + token;
 Encoding encoding = Encoding.Default;
 HttpWebRequest request = (HttpWebRequest)WebRequest.Create(host);
 request.Method = "post";
 request.KeepAlive = true;
 string str = "image=" + HttpUtility.UrlEncode(strbaser64);
 byte[] buffer = encoding.GetBytes(str);
 request.ContentLength = buffer.Length;
 request.GetRequestStream().Write(buffer, 0, buffer.Length);
 HttpWebResponse response = (HttpWebResponse)request.GetResponse();
 StreamReader reader = new StreamReader(response.GetResponseStream(), Encoding.Default);
 string result = reader.ReadToEnd();
 return result;
 }

三、效果測試

1、頁面：

2、識別結果：

2.1

2.2

2.3

2.4

2.5

四、產品建議

1、試了好幾張黑白圖片，發現百度的【黑白圖片上色】技能給山水、建筑物等實物上色會比較鮮艷，結果也比較滿意，而對于純植物、人物素描等黑白圖片則喜歡涂上【紅色】，變化不是很大，這方面可能需要再改進一下。

2、如果能夠降低對輸入圖片的大小、長寬的限制，就更好了。

3、如果能給【黑白圖像】涂上不同的顏色，然后讓用戶選擇自己喜歡的那張，那就更加好了，畢竟每個人的審美觀念不同，喜歡的圖片顏色也不一樣的。

4、若【黑白圖像上色】可以輸出多個不同顏色的結果，那么就可以應用到【漫畫制作】中去，在漫畫完成【線稿】后，可以利用百度【黑白圖像上色】技術，提供不用顏色的【上色圖】，為漫畫【上色】這一步驟提供參考，大大降低【上色】的難度，提高【上色】效率，最終制作出更加精致的【漫畫】。

5、可以嘗試開發【批量黑白圖像】處理功能的應用，比如對一個壓縮包、對一個文件夾內的所有圖片進行【上色】處理，然后批量輸出結果，這樣就可以對【黑白漫畫】進行【上色】處理，“制作”出【彩色漫畫】了。

6、一般像兒童讀物等文章都會有【插畫】，可以利用【黑白圖像上色】技術，給文章的【黑白插畫】上色，提供更加好看的【彩色插畫】。

原文鏈接：https://ai.baidu.com/forum/topic/show/953084