這篇文章,寫的我眼睛疼,真的。。。
上周末,一個(gè)離譜的表情包,在我的微信群里刷屏了。
我相信你們肯定見過了。
真的,這表情包只要一在群里出現(xiàn),就絕對(duì)成了所有iPhone和Mac用戶眼中,最亮眼的存在,這個(gè)亮眼,真的是物理級(jí)別的亮眼。
不過安卓用戶其實(shí)看不太到這樣的亮瞎眼效果,這個(gè)背后的原因,其實(shí)是HDR和微信的兼容問題。
差評(píng)X.PIN上周五的科普文章寫的已經(jīng)非常詳細(xì)了,推薦去可以去看看:
我大概用非常簡短的話解釋總結(jié)一下:
我們現(xiàn)在用的很多圖片和視頻,其實(shí)默認(rèn)都是SDR格式。它有點(diǎn)像老電視,不管你拍得多好,它都只能給你顯示一個(gè)平均水平的畫面。
亮的地方不會(huì)太亮,暗的地方也不會(huì)太暗,一切都被壓成了差不多的亮度,細(xì)節(jié)也被吃掉了。
HDR就不一樣,HDR是新一代的顯示標(biāo)準(zhǔn)。它能讓亮的地方真的亮起來,比如陽光、燈光、高光反光,在屏幕上真的就像現(xiàn)實(shí)一樣在發(fā)光的那種亮。而暗的地方也不會(huì)糊成一團(tuán)黑,而是能看到陰影里的細(xì)節(jié),比如一張臉上的毛孔、一個(gè)角落里的褶皺。
而這次這個(gè)青蛙表情包,之所以能發(fā)光,其實(shí)全靠微信程序員一個(gè)小小的疏忽。
設(shè)備能不能顯示HDR,看它有沒有高亮度、廣色域、10bit色深的屏幕。
圖片能不能觸發(fā)HDR效果,關(guān)鍵看它有沒有告訴設(shè)備“我是HDR”。
那告訴的這部分,就靠ICC顏色配置文件。
微信在處理大部分圖片時(shí),會(huì)自動(dòng)把顏色配置文件(ICC)剝掉,這就使得咱們平時(shí)通過微信發(fā)送的圖片,丟失了很多關(guān)鍵信息。
但表情包,它忘了動(dòng)刀。。。
結(jié)果就是,在表情包上,HDR的ICC配置文件被原封不動(dòng)保留下來,iPhone一看:哦,這是HDR圖啊?那我得給你上上強(qiáng)度,HDR亮度整上。
于是,在支持HDR的蘋果設(shè)備上,這張小小的表情包,就成了整個(gè)聊天框里,最炫目的一束光,對(duì),物理意義上的一束光。
不過,HDR表情包,這事其實(shí)不過國內(nèi)第一個(gè)發(fā)現(xiàn)的,一個(gè)月前,在國外的通訊工具Slack上,就爆了把大的。
最下面的那個(gè)青蛙,是不是很熟悉?對(duì),這就是這波的主角。
而且甚至他們不僅搞了表情包,甚至還有老哥,把頭像也換成了HDR圖片,這真的太艸了。。。
我也順藤摸瓜,找到了一篇國外老哥寫的,怎么做HDR表情的博客。
而且,還在帖子里,直接附上了自己的腳本。
不過這個(gè)腳本門檻還是稍微有一點(diǎn)點(diǎn)高,也有點(diǎn)奇怪,但整體思路是一致的,本來我就想,自己搓一個(gè)程序,能批量把各種表情包變成HDR的。那現(xiàn)在一切就緒,說干就干。
把一張普通圖轉(zhuǎn)成閃光的HDR圖片,其實(shí)不難。
核心是給圖片調(diào)整部分?jǐn)?shù)值,再植入一個(gè)帶HDR的ICC文件。
最關(guān)鍵的其實(shí)是這個(gè)ICC文件,你當(dāng)然可以,直接去網(wǎng)上搜一個(gè)ICC文件植入進(jìn)去,比如這個(gè)螢光青蛙的ICC配置文件,就是Rec.ITU-R BT.2100P。
但是我是個(gè)懶逼,既然你螢光娃里都有了,我還下個(gè)啥,直接把你熒光娃當(dāng)母體就行= =。
于是我直接讓4o,先寫了一段非常簡單的程序測試一下。
Prompt是這樣的:
在本地運(yùn)行測試,方法很簡單, 打開IDE產(chǎn)品,Cursor或者Trae,隨便找個(gè)文件夾,新建文本文件,粘貼剛剛寫的代碼,雙擊運(yùn)行就可以。
當(dāng)然你完全可以直接用Cursor或者Trae直接寫,我是最近太喜歡用4o了,干啥都是本能反應(yīng)打開4o直接開干了。。。
跑了一下,發(fā)現(xiàn)一把成功。
代碼里的圖片文件要根據(jù)情況修改,比如我這里是黃色小胸.jpeg。運(yùn)行一下代碼,成功處理圖片,肉眼可見右邊亮了很多。
不過我其實(shí),還是想把這玩意,給大家也一起用的,所以,需要一個(gè)網(wǎng)站,能讓大家有手就行就能直接轉(zhuǎn)換。
于是,我就打開了Cursor,發(fā)了一段Prompt和剛才4o寫的代碼:
寫一個(gè)Python程序,功能是把表情包圖片轉(zhuǎn)換為HDR格式,從參考圖像"fluorescent_frog.png"中提取ICC配置文件,并添加到表情包圖片里,最后保存為帶"hdr”后綴的PNG文件,以網(wǎng)頁形式提供服務(wù),使用tailwindcss,模仿卡片的設(shè)計(jì)。【再加上剛才4o生成的Python代碼】
很快,一個(gè)版本就出來,不過各種UI細(xì)節(jié)還有點(diǎn)奇怪,我就跟他又對(duì)話調(diào)了調(diào)細(xì)節(jié)之類的。
甚至,為了它更好看點(diǎn),我還去用即夢畫了個(gè)logo。。。
名字是瞎取的,HDRimg,就非常的直白且庸俗。
于是,這么一個(gè)把普通圖片轉(zhuǎn)HDR圖片的小工具,就搓出來了。
感覺確實(shí)能當(dāng)一個(gè)小小的產(chǎn)品,于是,我又部署到了線上,花了85塊錢,買了個(gè)域名。。。
網(wǎng)址在此:hdrimg.com,免費(fèi)給大家玩。
支持JPG、PNG格式,最多支持20張圖,只需要把圖片全部上傳上去,你就能批量處理成HDR圖片文件。
圖片傳上去以后,只需要等待幾秒鐘。
一群閃瞎狗眼的表情包,就出來了,不過,這里跟手機(jī)是一樣的,你得是Mac才能看到熒光效果,Windows電腦也能轉(zhuǎn)換,但是大概率在電腦屏幕上顯示是有問題的。
而且說實(shí)話,大半夜的看這玩意,還真挺嚇人的。。。
我們有了圖片之后,正常下載,然后把圖片,想辦法弄到手機(jī)里。
Mac和iPhone可以直接隔空投送,或者也可以把圖片變成壓縮包通過微信傳到手機(jī)上,網(wǎng)盤也行,U盤也行,就是別直接通過微信發(fā)圖片,因?yàn)镮CC會(huì)被干掉。
同時(shí),原圖盡量小一些,最好不要超過400x400的尺寸。
到了手機(jī)以后,你就可以,直接在微信里,添加表情包。
給你們看下效果。
就。。。真的很螢光。。。
最后再說一句,安卓和Windows大概率看不到螢光的效果,只有iPhone和mac才可以,至于為啥安卓不行,請(qǐng)看差評(píng)X.PIN的原文解釋:
蘋果的大一統(tǒng),還是有大一統(tǒng)的好,安卓陣營,還是太分裂了。
這個(gè)HDR圖片的方式,其實(shí)不止是用在微信表情包里。
還有人,用在了網(wǎng)站上,作為一種超級(jí)特殊的強(qiáng)調(diào)色。
比如,給二維碼強(qiáng)調(diào)。
等等。
很有意思,很好玩,雖然好像說,是有點(diǎn)影響用戶體驗(yàn)。
但,它的亮,是真實(shí)的,它的騷,也是精準(zhǔn)的。
別讓這些有趣的小Bug,被無聊的規(guī)范和所謂的正確抹平了。
有這些亮瞎眼的光在。
那這個(gè)世界。
它就還沒有無趣到讓人絕望。
以上,既然看到這里了,如果覺得不錯(cuò),隨手點(diǎn)個(gè)贊、在看、轉(zhuǎn)發(fā)三連吧,如果想第一時(shí)間收到推送,也可以給我個(gè)星標(biāo)?~謝謝你看我的文章,我們,下次再見。
>/ 作者:卡茲克、dongyi
>/ 投稿或爆料,請(qǐng)聯(lián)系郵箱:wzglyay@virxact.com
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.